EasyUI实现第二层弹出框的方法


Posted in Javascript onMarch 01, 2015

这是网友在EasyUI拓展时的代码。

可以根据实际需要自行修改。

 $.modalDialog2.handler 这个handler代表弹出的dialog句柄
 $.modalDialog2.xxx 这个xxx是可以自己定义名称,主要用在弹窗关闭时,刷新某些对象的操作,可以将xxx这个对象预定义好

$.modalDialogTwo = function(options) {

 if ($.modalDialogTwo.handler == undefined) {// 避免重复弹出

var opts = $.extend({

   title : '',

   width : 840,

   height : 680,

   modal : true,

   onClose : function() {

    $.modalDialogTwo.handler = undefined;

    $(this).dialog('destroy');

   },

   onOpen : function() {

    // parent.$.messager.progress({

    // title : '提示',

    // text : '数据加载中,请稍后....'

    // }); 

   }

  }, options); 

  opts.modal = true;// 强制此dialog为模式化,无视传递过来的modal参数

  return $.modalDialogTwo.handler = $('<div/>').dialog(opts);

 }

};

以上就是个人使用EasyUI实现第二层弹出框的方法,希望大家能够喜欢。

Javascript 相关文章推荐
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
JavaScript构造函数详解
Dec 27 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery异步提交表单实例
May 30 jQuery
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
Node.js中sequelize时区的配置方法
Dec 10 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
webpack项目轻松混用css module的方法
Jun 12 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 #Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 #Javascript
浅谈EasyUI中编辑treegrid的方法
Mar 01 #Javascript
EasyUI中combobox默认值注意事项
Mar 01 #Javascript
jquery中EasyUI实现异步树
Mar 01 #Javascript
jquery中EasyUI实现同步树
Mar 01 #Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
Mar 01 #Javascript
You might like
在字符串指定位置插入一段字符串的php代码
2010/02/16 PHP
php 输出双引号&quot;与单引号'的方法
2010/05/09 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
PHP 实现重载
2021/03/09 PHP
js获取变量
2006/08/24 Javascript
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
JQuery.Ajax()的data参数类型实例详解
2015/11/20 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
python使用rsa加密算法模块模拟新浪微博登录
2014/01/22 Python
Linux下编译安装MySQL-Python教程
2015/02/02 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
浅谈HTML5新增和废弃的标签
2019/04/28 HTML / CSS
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
营销与策划应届生求职信
2013/11/04 职场文书
师德师风演讲稿
2014/05/05 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
redis数据一致性的实现示例
2022/03/18 Redis
mybatis 获取更新记录的id
2022/05/20 Java/Android