首页IT科技若依框架开发教程(若依框架add页面实现confirm弹窗)

若依框架开发教程(若依框架add页面实现confirm弹窗)

时间2025-06-17 02:03:01分类IT科技浏览6062
导读:提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档...

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

若依框架add页面实现confirm弹窗

添加页面在提交时       ,实现弹出一个判断框               ,点击是否实现功能跳转:

1.若依封装了layer的confirm弹窗

查看layer的js代码:

js代码 confirm: function (content, callBack) { top.layer.confirm(content,{ icon: 3, title: "系统提示", btn: [确认,取消] },function(index) { $.modal.clsoe(index); callBack(true); }); },

2.改变按钮的内容                       ,填写按钮的触发函数:

layer.confirm(,{},function(){ //debugger; $(#flag).val(1); $.operate.save(prefix + "/add",$(#form-dept-add).serialize()); }, function() { //debugger; $(#flag).val(2); $.operate.save(prefix + "/add",$(#form-dept-add).serialize()); });

3.要实现点击跳转       ,需要放在若依封装的提交按钮的函数里面:

需要进行新增提交时出现弹框        ,就要在submitHandler方法里面进行增加confirm弹窗                       ,如果你需要进行点击那个按钮的判断               ,需要设置一个值        ,先把这个判断的属性放入form表单的隐藏域中

<form> <input name="params[flag]" type="hidden" id="flag"> </form>

其中                       ,params[flag]是把flag这个状态参数放入了若依框架自带的BaseEntity基础实体类里的请求参数的map中了               ,我们在js中赋值以后需要在controller里面把他取出来

Map<String,Object> params = dept.getParams(); Object flag = params.get("flag");

拿到了flag这个状态在进行判断,我点了是进行我的函数执行                       ,点击否跳过更新函数直接添加

if(flag.equals("1")){ cecsDeptService.addDept(dept); }

下面是我们的js中添加的可以实现弹窗的代码:

function submitHandler() { if($.validate.form()){ layer.confirm(,{},function(){ //debugger; $(#flag).val(1); $.operate.save(prefix + "/add",$(#form-dept-add).serialize()); },function() { //debugger; $(#flag).val(2); $.operate.save(prefix + "/add",$(#form-dept-add).serialize()); }); } }
声明:本站所有文章                       ,如无特殊说明或标注,均为本站原创发布               。任何个人或组织               ,在未征得本站同意时                       ,禁止复制               、盗用                      、采集        、发布本站内容到任何网站        、书籍等各类媒体平台                      。如若本站内容侵犯了原著者的合法权益       ,可联系我们进行处理        。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
美国服务器数据备份的方法是什么样的(美国服务器数据备份的方法是什么) 香港云主机试用(linux香港云主机租用有哪些优点)