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 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
将string解析为json的几种方式小结
Nov 11 Javascript
字符串的replace方法应用浅析
Dec 06 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
动态加载jquery库的方法
Feb 12 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
理解javascript模块化
Mar 28 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
layui使用label标签的方法
Sep 14 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/08/08 PHP
PHP反射机制用法实例
2014/08/28 PHP
jQuery 事件队列调整方法
2009/09/18 Javascript
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
详解Vuex管理登录状态
2017/11/13 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
vue实现购物车选择功能
2020/01/10 Javascript
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
python绘制简单彩虹图
2018/11/19 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
Tensorflow与Keras自适应使用显存方式
2020/06/22 Python
Python类成员继承重写的实现
2020/09/16 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
巴黎卡诗美国官方网站:始于1964年的头发头皮护理专家
2017/07/10 全球购物
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
石油大学毕业生自荐信
2014/01/28 职场文书
学校安全教育制度
2014/01/31 职场文书
厨房管理计划书
2014/04/27 职场文书
个人委托书怎么写
2014/09/17 职场文书
党支部四风整改方案
2014/10/25 职场文书
vue+echarts实现多条折线图
2022/03/21 Vue.js
对象析构函数__del__在Python中何时使用
2022/03/22 Python
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
python语言中pandas字符串分割str.split()函数
2022/08/05 Python