手机版

jquery ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)

时间:2021-10-23 来源:互联网 编辑:宝哥软件园 浏览:

原因:jquery简单、兼容、易于打包。二话没说,立即开始编写我们的Jquery插件。应该有很多人写过类似的插件,我也模仿了flexGrid的一些形式。需求:GridView显示数据,无刷新分页,无刷新排序,无刷新过滤(搜索数据),基于ASP.NET(我们这里有ashx通用处理文件来实现)。使用的技术:asp.net2.0、jquery、css先写一下jquery插件,使用的核心功能是jquery的ajax功能,方便快捷。副本代码如下: $。Ajax ({type:p。方法,url:p。URL,data:param,success3360function (msg) {$。adddata (msg,showbox,p);},error:函数(msg){$。ErrorAjax(showbox,p . ErrorMSg);},beforeSend:function(){$。add LoAding(show box);},complete:function(){$。moveLoAding(show box);} });看完这个简单的句子,jquery挺酷的。请下载以下附件查看具体代码。先把生成的结果图发出去看看(样式不是很好看,需要自己权衡修改)

以及排序和过滤

jquery ashx 中不刷新的分页功能。

实际上,除了jquery作为整个插件的主要架构之外,这里还有一个重要的文件是ashx,一个通用的处理文件。Ashx在我的整个jqueryGrid插件中输出像{\ n page:1,\ n total33600,page 33601,rows : " ",cols : " " }这样的json代码,相信所有用过josn的朋友都会理解。为了减少错误,我使用了第三方插件Newtonsoft。Json,它是格式化json字符串的json convert.deserializeobject()函数。当然这个功能插件适合web应用和内部网站,但不适合网站。毕竟从SEO的角度来看,jquery直接生成的数据并不是一个好的显示模式。多说一句,大家可以看看我的代码,如果对这个插件有什么更好的建议或者修改,欢迎大家交流。Jquery ashx无刷新GridView数据显示插件下载。

版权声明:jquery ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。