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

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

时间2025-05-05 16:27:37分类IT科技浏览5153
导读:提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档...

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

若依框架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
seo网站推广方式(网站seo推广营销)