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 相关文章推荐
JavaScript 应用类库代码
Jun 02 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
jQuery继承extend用法详解
Oct 10 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
详解Vue单元测试case写法
May 24 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
php生成随机数/生成随机字符串的方法小结【5种方法】
2020/05/27 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
脚本div实现拖放功能(两种)
2017/02/13 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
简单介绍Python中的try和finally和with方法
2015/05/05 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
python库matplotlib绘制坐标图
2019/10/18 Python
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
中软国际Java程序员机试题
2012/08/19 面试题
品质主管的岗位职责
2013/12/04 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
实习单位推荐信
2015/03/27 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript