//jquery.datagrid 扩展
(function (){
$.extend($.fn.datagrid.methods, {
//显示遮罩
loading: function(jq){
return jq.each(function(){
$(this).datagrid("getPager").pagination("loading");
var opts = $(this).datagrid("options");
var wrap = $.data(this,"datagrid").panel;
if(opts.loadMsg)
{
$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:wrap.width(),height:wrap.height()}).appendTo(wrap);
$("<div class=\"datagrid-mask-msg\"></div>").html(opts.loadMsg).appendTo(wrap).css({display:"block",left:(wrap.width()-$("div.datagrid-mask-msg",wrap).outerWidth())/2,top:(wrap.height()-$("div.datagrid-mask-msg",wrap).outerHeight())/2});
}
});
}
,
//隐藏遮罩
loaded: function(jq){
return jq.each(function(){
$(this).datagrid("getPager").pagination("loaded");
var wrap = $.data(this,"datagrid").panel;
wrap.find("div.datagrid-mask-msg").remove();
wrap.find("div.datagrid-mask").remove();
});
}
});
})(jQuery);
使用方法:
$("#dataGrid").datagrid("loadData",(function (){
$("#dataGrid").datagrid("loading");
return []; //[]需要加载的数据
})());
在datagrid的事件onLoadSuccess中添加
onLoadSuccess:function (){
$("#dataGrid").datagrid("loaded");
}
分享到:
相关推荐
这里主要介绍我自己所写的利用构建在jQuery之上的工具库,该库的原文件名为jquery.brady.js,但由于是构建在jQuery之上的,所以在引入页面时,一定要先引入jQuery核心库,如jquery-1.3.2.min.js 该工具库的namespace...
教你如何做一个自己的jQuery插件,jQuery扩展
Dreamweaver安装jquery扩展
jquery扩展金属导航.zip
Jquery扩展插件,图片异步分页浏览 Jquery扩展插件,图片异步分页浏览
jQuery 扩展,将复杂form表单转成json对象
jquery扩展插件,jquery提供的html()方法,只能获取标签内部内容,本插件进行了扩展实现了取得包含标签自身的html,并解决了input/radio/checkbox/select等输入后无法取值问题。
利用jQuery扩展VS2008 Ajax应用.pdf
jQuery扩展插件和拓展函数的写法---代码
[Manning Publications] jQuery 扩展开发教程 (英文版) [Manning Publications] Extending jQuery (E-Book) ☆ 出版信息:☆ [作者信息] Keith Wood [出版机构] Manning Publications [出版日期] 2013年08月23...
dreamweaver jQuery 扩展 在dreamweaver中可以显示jQuery提示,开发时用起来很方便 分.zxp和.mxp两种扩展 cc2015,cs6均可用。 扩展安装需要到用Adobe Extension Manager,请自行在网上百度,免费下载。
Ajax提高用户体验的有效方法,本文给出了一种利用jQuery扩展VS2008 Ajax应用的方法,该方法不仅使用简 单、效果非常好,而且不需改变原有VS2008的开发架构,且整个过程可以由开发人员完成控制,是一种比较理想的扩展...
第17周-第22章节-Python3.5-JQuery扩展.avi
Dreamweaver CS3的扩展软件jquery,在编写JQuery,会自动提示您要写的方法。
第17周-第20章节-Python3.5-JQuery扩展以及自动执行函数的应用.avi
Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...
该针对文本域的扩展实现的功能及使用方法:1、获取光标位置:$(elem).iGetFieldPos();2、设置光标位置:$(elem).iSelectField...jQuery扩展代码: 代码如下:;(function($){ /* * 文本域光标操作(选、添、删、
这是一本带领你一步步编写自己的Jquery自定义插件或控件的好书,本书共14章,内容充实,是不本相当不错的前端开发学习资料
为jquery编写的扩展,仿easyui,清晰简洁,适合初学者,包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery....
2、调用jQuery对象的方法完成我们需要完成的工作:$("selector").doOurWork() 2、随心所欲的方法扩展 jQuery对象的方法肯定是有