jeesite实战(三十八)——添加操作按钮的确认窗口

系列文章目录

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

本系列文章主要记录项目过程中重点的项目技术

---

一、背景

因为业务原因，我需要自己添加一个变更操作，点击变更按钮，弹出确认窗口，如下图；点击确认按钮跳转到form编辑页面。

二、实现过程

提供两种方法实现确认窗口的实现，方法一是直接返回json数据，方法二是跳转到form表单

方法一

添加data-confirm属性，具体代码如下

actions.push('<a href="${ctx}/plan/trainingPlan/delete?id='+row.id+'" class="btnList" title="${text("删除培训计划")}" data-confirm="${text("确认要删除该培训计划吗？")}"><i class="fa fa-trash-o"></i></a>&nbsp;');

方法二

1.添加变更按钮

actions.push('<a><i class="fa icon-event" id="biangeng"   title="${text("变更计划")}" οnclick="changePlan('+"'"+row.id+"'"+')"></i></a>&nbsp;');

2.添加函数事件

function changePlan(id){
	js.confirm('确认变更吗？', function(data){
		window.location.href="${ctx}/plan/trainingPlan/change?id="+id;
		});
}

其中js.confirm是确认弹出窗口，可以提高用户友好性

注意事项

1.注意传递参数的时候一定要传递字符串

总结

至此，本文章结束