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插件开发基础简单介绍
Jan 07 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
ES6解构赋值实例详解
Oct 31 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
Vue组件实现触底判断
Jun 26 Javascript
JavaScript实现图片轮播特效
Oct 23 Javascript
Canvas跟随鼠标炫彩小球的实现
Apr 11 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加密解密字符串示例
2016/10/13 PHP
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
js轮播图之旋转木马效果
2020/10/13 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
python lambda的使用详解
2021/02/26 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
法学专业自我鉴定
2014/02/05 职场文书
教师自我反思材料
2014/02/14 职场文书
会计专业导师推荐信
2014/03/08 职场文书
九一八事变演讲稿
2014/09/05 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
工会经费申请报告
2015/05/15 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书