easyui dialog 扩展load

1 $.extend($.fn.panel.methods, {
 2     showMask: function(jq, msg){
 3         return jq.each(function(){
 4             var pal = $(this).panel(‘panel‘);
 5             if (pal.css(‘position‘).toLowerCase() != ‘absolute‘){
 6                 pal.css(‘position‘,‘relative‘);
 7             }
 8             var borderSize = parseInt(pal.css(‘padding‘))+1;
 9             var m = pal.children(‘div.panel-mask‘);
10             if (!m.length){
11                 m = $(‘<div class="panel-mask"></div>‘).appendTo(pal);
12             }
13             m.css({
14                 background:‘#fff‘,
15                 left:borderSize,
16                 top:(borderSize+pal.children(‘.panel-header‘)._outerHeight()),
17                 right:borderSize,
18                 bottom:borderSize
19             });
20             m.children(‘div.panel-mask-msg‘).remove();
21             var mm = $(‘<div class="panel-mask-msg"></div>‘).appendTo(m);
22             mm.html(msg).css({position:‘absolute‘}).css({
23                 position:‘absolute‘,
24                 top: ‘50%‘,
25                 left: ‘50%‘,
26                 marginTop: -mm._outerHeight()/2,
27                 marginLeft: -mm._outerWidth()/2
28             })
29         });
30     },
31     hideMask: function(jq){
32         return jq.each(function(){
33             $(this).panel(‘panel‘).children(‘div.panel-mask‘).remove();
34         })
35     }
36 });

1 $(‘#dlg‘).dialog(‘showMask‘, ‘Loading...‘);  // display the loading message
2 $(‘#dlg‘).dialog(‘hideMask‘);  // hide the loading message

easyui dialog 扩展load,布布扣,bubuko.com

时间: 2024-08-01 22:44:11

easyui dialog 扩展load的相关文章

Easyui dialog中嵌入iframe

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面 加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer

IE浏览器中,JQuery EasyUI的form(&#39;load&#39;)方法只能加载一次的问题

项目中的页面用到了EasyUI,表单加载数据时,调用了form('load')方法.用Chrome.Firefox访问均没问题,可是用IE浏览器访问时,数据不论怎么修改,加载的都是第一次的数据.这疑似是一直在加载第一次的缓存.于是查资料发现,原来IE浏览器对Jquery EasyUI的支持不好,缓存了表单第一次加载的数据.以后每次加载时,都会从缓存中调用.于是在ajax方法中加入cache:false,取消缓存便解决了. 1 $.ajax({ 2 cache:false, //取消缓存 3 ur

easyui dialog 中嵌入html页面

最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执行的脚本内容) 方法一: 使用href属性,失败. 经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html. easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它

Easyui dialog

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="styleSheet" type="text/css" href="js/easyUI/metro/easyui.css"> <link rel=

EasyUI Dialog 对话框

扩展自 $.fn.window.defaults.通过 $.fn.dialog.defaults 重写默认的 defaults. 对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏.默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具.用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible.可最小化 minimizable.可最大化 maximizable,等等). 依赖 window linkbutton 用法 通过标记从已有

easyui dialog远程加载内容完成后,进行对话内容(表单)初始化

通过查看easyui的帮助文档,dialog继承于window,window继承于panel,panel中有个onLoad事件,也就是当远程数据加载完成后,触发此事件.因此只要在此事件中对对话框中的内容进行初始化就可以了. var $addEvent = $("#addEvent"); // 初始化对话框 $addEvent.dialog({ title: '新增待办工作', width: 400, height: 250, closed: false, cache: false, h

easyui datebox 扩展 只显示年月

一个日期控件只显示年月是很正常的事情.可是easyui datebox 不支持这种格式的,要么就是截取字符串,不可取,自己没有写过类似的扩展,但是也算是实现功能了,先来张图吧 本人水平有限写不出高深的东西,代码大家都能看懂,但是还是贡献出来,让大家提提意见共同进步吧 $.extend($.fn.combobox.methods, { yearandmonth: function (jq) { return jq.each(function () { var obj = $(this).combo

EASYUI Dialog的基本使用

1.基本使用 代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Dialog</title> <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="t

easyui datebox 扩展清空按钮

/** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; (function ($) { var buttons = $.extend([], $.fn.datebox.defaults.buttons); buttons.splice(1, 0, { text: function (target) { return $(target).datebox("options").cleanText }, handler