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

这是网友在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实现第二层弹出框的方法,希望大家能够喜欢。

时间: 2024-08-03 16:55:20

EasyUI实现第二层弹出框的方法_jquery的相关文章

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

 本文给大家分享的是一则使用EasyUI实现第二层弹出框的方法,核心代码是网友提供,这里结合自己的项目需求,完善了下,推荐给大家.     这是网友在EasyUI拓展时的代码. 可以根据实际需要自行修改. $.modalDialog2.handler 这个handler代表弹出的dialog句柄 $.modalDialog2.xxx 这个xxx是可以自己定义名称,主要用在弹窗关闭时,刷新某些对象的操作,可以将xxx这个对象预定义好   代码如下: $.modalDialogTwo = funct

js实现遮罩层弹出框的方法

这篇文章主要介绍了js实现遮罩层弹出框的方法,可实现对遮罩层弹出框的样式定义.按钮事件及相关功能的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js实现遮罩层弹出框的方法.分享给大家供大家参考.具体分析如下: 昨天公司网站需要弹窗提示一些信息,要我在把弹窗的js代码和弹窗窗口html写在一起哪里需要就调用 不说那么多了,直接上代码,感觉肯定会有兼容问题,看到了请指出啊:   代码如下: <style> #H-dialog{display:none;position:a

Axure添加动态弹出框的方法制作生动的演示

文章描述:交互不求人-Axure弹出动态面板使用方法. 作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件--Axure,她能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发. 随着互联网展品的发展,交互元素越来越多的在页面中体现,常见的就有很多的弹出框,大家在使用微波的时候就会深有体会. (新浪微博的各种弹出框) 随之而来的问题就是产品设计师如何在原型设计或者demo

jQuery实现渐变弹出层和弹出菜单的方法_jquery

本文实例讲述了jQuery实现渐变弹出层和弹出菜单的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

jquery判断浏览器后退时候弹出消息的方法_jquery

浏览器后退时必定会有一些消息,这里使用jquery判断浏览器后退并弹出消息 jQuery(document).ready(function ($) { if (window.history && window.history.pushState) { $(window).on('popstate', function () { var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/&quo

easyui导出excel无法弹出下载框的快速解决方法_jquery

之前用ajax做的,代码如下(ActionUrl为一般处理程序ashx的路径): $.ajax({ url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(), dataType: 'json', success: function (jsonstr) { //top.art.dialog.tips('导出成功!'); } }); 没办法弹出下载框. 直接浏览器地址栏输入相关页面地址并打开可以弹出下载框下载,考虑可能是iframe的缘故.

easyui Enter提交时,keydown事件覆盖了$.messager.alert()弹出框

问题描述 easyui Enter提交时,keydown事件覆盖了$.messager.alert()弹出框 easyui Enter键提交查询条件,如果日期不符合条件,弹出提示框,但是弹出框弹不出来 ,应该怎么解决,代码如下: /*查询方法 */ function queryData(){ var beginDate = $("#createStartDate").datebox("getValue"); var endDate = $("#create

JS实现新浪微博效果带遮罩层的弹出框代码_javascript技巧

本文实例讲述了JS实现新浪微博效果带遮罩层的弹出框代码.分享给大家供大家参考.具体如下: 这是一款新浪微博效果的弹出框,现成的JS代码,兼容IE6+,以及各主流浏览器.新浪微博弹出层并可拖拽,操作轻松舒适,符合用户的浏览习惯,将代码推荐给各位网友. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

js使用层弹出确认框如何实现?

问题描述 js使用层弹出确认框如何实现? 解决方案 http://blog.sina.com.cn/s/blog_7d5ee55e0100srts.html