JQuery 應(yīng)用 JQuery.groupTable.js
我寫了個(gè)JQUERY 的插件。來實(shí)現(xiàn)分組的效果。
圖2. 這是一個(gè)簡(jiǎn)單的分組效果，根據(jù)表的第一列“Department" 來分組
圖3， 也可以對(duì)多個(gè)列來分組，根據(jù)第一列”Department" 和第四列 ”Gender“ 來分組。分組前，先對(duì)要選擇的列進(jìn)行排序，這在提取數(shù)據(jù)的時(shí)候可以完成，
就沒有在客戶端再去實(shí)現(xiàn)。
圖4. 可以設(shè)置參數(shù) collapse=1. 讓表格先收縮起來。 它的默認(rèn)值是0;
通過寫這個(gè)JQuery 控件，深刻體會(huì)到它的強(qiáng)大。整個(gè)代碼不到100行。
在ASP.NET 里面。 gridView 默認(rèn)顯示的時(shí)候，不會(huì)加上TBODY 標(biāo)記。 為了讓GridView 的類容顯示在TBODY,在Page load 里面可以加上下面的代碼
這樣就可以用JQuery.groupTable 來處理 gridview 生成的table 了。
歡迎大家多提意見。
- 基于jquery實(shí)現(xiàn)的類似百度搜索的輸入框自動(dòng)完成功能
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
- js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法
- Bootstrap每天必學(xué)之柵格系統(tǒng)（布局）
- Bootstrap每天必學(xué)之下拉菜單
- Bootstrap每天必學(xué)之導(dǎo)航條
- 基于Bootstrap使用jQuery實(shí)現(xiàn)輸入框組input-group的添加與刪除
相關(guān)文章
基于jquery實(shí)現(xiàn)狀態(tài)限定編輯的代碼
基于jquery實(shí)現(xiàn)狀態(tài)限定編輯的代碼，需要的朋友可以參考下2012-02-02
網(wǎng)上常見的應(yīng)用，用jQuery實(shí)現(xiàn)起來比較簡(jiǎn)單，只有幾行代碼。2011-03-03
Jquery遍歷checkbox獲取選中項(xiàng)value值的方法
這篇文章主要介紹了Jquery遍歷checkbox獲取選中項(xiàng)的value值,需要的朋友可以參考下2014-02-02
jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器，使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery 使用手冊(cè)，大家可以耐心的看完，就基本上入門了。2009-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery zTree加載樹形菜單功能，輕松設(shè)計(jì)樹形結(jié)構(gòu)菜單功能，感興趣的小伙伴們可以參考一下2016-02-02
Jquery on方法綁定事件后執(zhí)行多次的解決方法
下面小編就為大家?guī)硪黄狫query on方法綁定事件后執(zhí)行多次的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
jquery 問答知識(shí)整理，學(xué)習(xí)jquery的朋友可以參考下。2010-02-02
jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
這篇文章主要介紹了jQuery 如何創(chuàng)建、修改、添加DOM元素,需要的朋友可以參考下2014-05-05
jQuery簡(jiǎn)單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法,涉及jQuery的ajax調(diào)用及頁面樣式操作技巧,需要的朋友可以參考下2016-03-03