jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
发布时间：2024-05-11 09:17:35
标签：jquery,无刷新,GridView,数据显示
理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。
需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。
使用到技术：asp.net2.0, jquery,css
首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。
$.ajax({
type: p.method,
url: p.url,
data:param,
success: function(msg){
$.AddData(msg,showbox,p);
},
error: function(msg){$.ErrorAjax(showbox,p.errorMsg);},
beforeSend:function(){$.AddLoading(showbox);},
complete:function(){$.MoveLoading(showbox);}
});
看了就这么简单的一句，jquery就是比较爽的。具体的代码请下载下面的附件查看哦。
先发张生成后结果图来看看（样式不是很好看，需要的自己掂量着修改吧）
排序和过滤功能
jquery+ashx的无刷新分页功能
其实这里除了jquery充当整个插件的主要架构外，另外一个重要的文件就是ashx这个一般处理文件啦。ashx在我整个jqueryGrid插件中输出{\n page:1,\ntotal:0,pages:1,rows:'',cols:''}这样的json代码，相信用过josn的朋友都明白。其中为了减少错误我用了一个第三方插件Newtonsoft.Json，这是格式化json字符串的JsonConvert.DeserializeObject()这个函数就是啦。
当然该功能插件之适合用于web应用程序和内部网站中，对于网站来说有些不适合，毕竟从SEO角度来讲jquery直接生成的数据是不是很好的显示方式。不多说了，大家可以看看我的代码，如果对该插件有更好的建议或者修改欢迎交流。
jquery+ashx无刷新GridView数据显示插件下载
0
投稿猜你喜欢
- 在pytorch训练过程中可以通过下面这一句代码来打印当前学习率print(net.optimizer.state_dict()['
- 本文实现Redis的协议层，协议层负责解析指令，然后将指令交给核心database执行echo database用来测试协议层的代码http
DVWA（Damn Vulnerable Web Application）是一个用来进行安全脆弱性鉴定的PHP/MySQL Web应用，旨在- 开发环境说明：Python 35Pytorch 0.2CPU/GPU均可1、LSTM简介人类在进行学习时，往往不总是零开始，学习物理你会有数
- join的写法如果用left join 左边的表一定是驱动表吗？两个表的join包含多个条件的等值匹配，都要写道on还是只把一个写到on，其
- 1.单独使用Pillow包时，图片会弹出新窗口显示：from Pillow import Imageimg = Image.open(
- 现在看小说已经有了听书这个功能了，但是有时候你想看的书的听书功能收费，这时候可能大家就只能老老实实选择看或者付费听。（还能拿来练英语听力欸嘿
- 引入大家在使用谷歌或者百度搜索时，输入搜索内容时，谷歌总是能提供非常好的拼写检查，比如你输入 speling，谷歌会马上返回 spellin
- 内连接（inner join）。 外连接： 全连接（full join）、左连接（left join）、右连接（right join）。 交
- 本文为大家分享了php运行环境搭建安装图文教程，供大家参考，具体内容如下安装apache：1，不要安装到有中文的目录中：2，尽量将apach
- 亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。
- 首先，了解下原理。1，提供文本框进行查询内容的输入2，将查询信息提交页面程序处理3，程序页主要作用：接受查询信息，根据此信息调用特定的SQL
- 1.由于设置了slave的配置信息，mysql在数据库data目录下生成master.info,所以如有要修改相关slave的配置要先删除该
- isU是大小写分的意思，这里s还有则不包括换行符而U是反转了匹配数量的值使其不是默认的重复,大概就是这样了个体我们看文章。正则后面的/(.*
- 一、excel的内容二、效果三、需要用的库：openpyxlsmptlibemail.mime.textemail.header四、实现步骤
- 本文实例为大家分享了Python OpenCV实现视频追踪的具体代码，供大家参考，具体内容如下1. MeanShift假设有一堆点集和一个圆
- 通过上篇文章给大家介绍了SqlServer应用之sys.dm_os_waiting_tasks 引发的疑问(上) ，说了一下sys.dm_e
- 如何做一个密码“生成器”？randompassword.asp<％ Dim i, intNum,&nbs
- 一、前言Matplotlib是Python的绘图库，不仅具备强大的绘图功能，还能够在很多平台上使用，和Jupyter Notebook有极强
- 如下所示：import osimport structimport pandas as pddef readTdxLdayFile(fnam
