国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery+ashx無刷新GridView數(shù)據(jù)顯示插件(實現(xiàn)分頁、排序、過濾功能)

2019-11-21 00:32:50
字體:
供稿:網(wǎng)友
理由:jquery簡單,兼容性好且容易封裝。廢話不多說,馬上開始我們的Jquery插件編寫吧。應(yīng)該有很多人寫過類似的插件,我也是有些模仿flexGrid的形式。

需求:GridView顯示數(shù)據(jù),無刷新分頁,無刷新排序,無刷新過濾(搜索數(shù)據(jù)),基于ASP.NET(我們這里有ashx一般處理文件來實現(xiàn))。

使用到技術(shù):asp.net2.0, jquery,css

首先寫的是jquery插件方面,使用的核心函數(shù)還是jquery的ajax函數(shù),方便快捷。
復(fù)制代碼 代碼如下:

$.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就是比較爽的。具體的代碼請下載下面的附件查看哦。

先發(fā)張生成后結(jié)果圖來看看(樣式不是很好看,需要的自己掂量著修改吧)

 

排序和過濾功能

jquery+ashx的無刷新分頁功能

其實這里除了jquery充當(dāng)整個插件的主要架構(gòu)外,另外一個重要的文件就是ashx這個一般處理文件啦。ashx在我整個jqueryGrid插件中輸出{/n page:1,/ntotal:0,pages:1,rows:'',cols:''}這樣的json代碼,相信用過josn的朋友都明白。其中為了減少錯誤我用了一個第三方插件Newtonsoft.Json,這是格式化json字符串的JsonConvert.DeserializeObject()這個函數(shù)就是啦。

當(dāng)然該功能插件之適合用于web應(yīng)用程序和內(nèi)部網(wǎng)站中,對于網(wǎng)站來說有些不適合,畢竟從SEO角度來講jquery直接生成的數(shù)據(jù)是不是很好的顯示方式。不多說了,大家可以看看我的代碼,如果對該插件有更好的建議或者修改歡迎交流。
jquery+ashx無刷新GridView數(shù)據(jù)顯示插件下載

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 宣恩县| 龙井市| 南汇区| 永州市| 大竹县| 肥西县| 靖边县| 绥芬河市| 赣榆县| 龙胜| 类乌齐县| 广水市| 山西省| 连江县| 融水| 邵东县| 疏附县| 当雄县| 馆陶县| 故城县| 桑日县| 开封县| 盘锦市| 吴川市| 晋江市| 赣州市| 田阳县| 颍上县| 稻城县| 台东市| 博客| 兴隆县| 延庆县| 报价| 周口市| 萝北县| 雷山县| 通道| 高要市| 八宿县| 永仁县|