有关于easyui中dialog关闭的问题
来源:互联网 发布:怎么开淘宝福利群 编辑:程序博客网 时间:2024/06/03 17:17
有关于easyui中dialog关闭的问题
引:
easyui中的dialog弹出框关闭要分两种情况:
- 仅仅只是弹出给用户查看的情况,比如预览操作;
此时退出就直接关闭即可; - 弹出给用户操作其会改动数据的弹出框;
此时,就要设置一个提示框,提醒用户是否关闭,否则一旦是用户误操作,不小心将为保存的数据直接关掉,这对用户体验度有很大的影响;
html:
<a href="javascript:void(0)" class="easyui-linkbutton" id="myDlg-openBtn">弹出弹出框</a><div id="myDlg-buttons"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" id="myDlg-saveBtn">确定</a><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" id="myDlg-closeBtn">取消</a></div><div id="myDlg" class="easyui-dialog" title="测试dialog" style="width: 800px; height: 600px; padding: 5px"></div>
js:
$(function(){//设置一个全局变量来控制弹出框关闭var bClose=false;//弹出框的属性设置$("#myDlg").dialog({modal: true,closable: true,closed: true,buttons: '#myDlg-buttons',onBeforeClose:function(){//关闭弹出框之前动作-弹出提示 if (!bClose) { $.messager.confirm("提醒", "确定关闭该窗口?",function (r) { if (r) { bClose = true;//标记可以退出 $("#myDlg").dialog("close"); } }); } return bClose; //通过全局变量来控制是否关闭窗口 }});//弹出框打开$('#myDlg-openBtn').click(function(){//先设置为false;bClose=false;$('#myDlg').dialog("open");});//点击保存,假定保存成功$('#myDlg-saveBtn').click(function(){$.messager.alert("提示信息","操作成功!","info");//这里在后面加true,将会绕过onBeforeClose事件,弹出框直接关闭$('#myDlg').dialog("close",true);});//点击关闭$('#myDlg-closeBtn').click(function(){$('#myDlg').dialog("close");});})
页面效果:
阅读全文
1 0
- 有关于easyui中dialog关闭的问题
- easyui关闭打开的dialog
- Easyui dialog对话框遮挡关闭按钮问题的解决
- jsp中有关于超链接的问题
- oracle中有关于字符串的问题。
- 有关于数据中选择的问题
- 开发easyui dialog中遇到的一些问题
- 有关android中“Activity伪装”的Dialog问题的解决
- 有关于oracle的问题!
- 有关于预处理的问题
- 有关于对话框中放入布局的问题
- 在Android学习中有关于广播注册的问题
- EasyUi dialog 去除默认关闭
- .NET 中有关于URL重写问题
- easyui dialog 关闭窗口的时候,必填框显示在TIP
- jquery easyui dialog的几个使用问题
- jquery easyui dialog的几个使用问题
- jquery easyui dialog的几个使用问题
- 在Ubantu上使用Chrome
- getchar()和EOF
- Android锁屏状态下service不能正常工作的探究
- Java内存管理和垃圾回收
- Leetcode 97. Interleaving String
- 有关于easyui中dialog关闭的问题
- android开发相关——ButterKnife以及Android ButterKnife Zelezny
- Quartz的简单实例
- zl_landmark_and_cut
- java.util.concurrent介绍
- 客户端服务器程序
- HDFS简单运用--实现文件系统上文件的增删查下载上传
- leetcode No135. Candy
- ubuntu16.40如何安装搜狗拼音输入法