(function () {
$.extend($.fn.tabs.methods, {
//显示遮罩
loading: function (jq, msg) {
return jq.each(function () {
var panel = $(this).tabs("getSelected");
if (msg == undefined) {
msg = "正在加载数据,请稍候...";
}
$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: panel.width(), height: panel.height() }).appendTo(panel);
$("<div class=\"datagrid-mask-msg\"></div>").html(msg).appendTo(panel).css({ display: "block", left: (panel.width() - $("div.datagrid-mask-msg", panel).outerWidth()) / 2, top: (panel.height() - $("div.datagrid-mask-msg", panel).outerHeight()) / 2 });
});
}
,
//隐藏遮罩
loaded: function (jq) {
return jq.each(function () {
var panel = $(this).tabs("getSelected");
panel.find("div.datagrid-mask-msg").remove();
panel.find("div.datagrid-mask").remove();
});
}
});
})(jQuery);
显示遮罩:$("#tabID").tabs("loading",msg) msg--要显示的信息
隐藏遮罩:$("#tabID").tabs("loaded")
分享到:
相关推荐
扩展EasyUI tabs 组件,加载tab页时添加遮罩,是页面加载时更加美观,内涵示例.
easyui日期控件只选择到月份,保存记录一下。 <input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" />
easyUI,时间控件,解决时间格式化问题
里面是easyui各种控件,已经做好了页面,可供参考
easyui tab 绝对好用的tab插件
在使用的过程中,发现easyui目前还缺少一些小功能或是未开放出来 拿datagrid插件来说,数据加载提供了两...分析easyui的datagrid代码,削离出其中远程数据加载时遮罩显示代码,并扩展datagrid的方法,代码如下: 代码如
项目包含一个可以运行的SSH框架的Javaweb项目。前台部分使用easyUI实现。主要用到了 layout tree datagrid 等控件。有需要的朋友可以,下载学习。
JS EasyUI DataGrid动态加载数据
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
Easyui添加Tab右键菜单示例,右键弹出操作菜单,刷新、关闭、全部关闭、关闭左侧、关闭右侧
easyui的验证控件没有那么全,需要自己写扩展,这里给出修改模板,照着这个就能按自己的需求来做验证控件了。用法很简单
JQueryUI,EasyUI一些控件的使用,表单,tab切换,样式切换等
easyui 弹窗控件
easyui 增加 loading 遮罩 调用方式 $.messager.wait({ title:"提示",msg: "数据加载中…"});
遮罩easyui
也就是说解决easyui 左侧tab重新刷新加载问题实现。 实现如下: function addTab(subtitle, url) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title : subtitle, content :...
easyui 扩展layout的方法,支持动态添加删除块
利用System.out.println(jsonJAVA)(EmpServlet.java后台显示如下解决办法:对日期增加一个转换器 <script type
eayui 树形控件扩展,绑定树形控件展示效果,可以选择