欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery 應(yīng)用 JQuery.groupTable.js

 更新時(shí)間：2010年12月15日 21:23:12   作者：  
在以往的項(xiàng)目中，數(shù)據(jù)瀏覽用的都table 的形式展現(xiàn)。如下圖1， 這是一個(gè)很常見的表格。通常對分類的字段先進(jìn)行排序。為了讓分類表現(xiàn)的更直觀。

我寫了個(gè)JQUERY 的插件。來實(shí)現(xiàn)分組的效果。

 

圖2. 這是一個(gè)簡單的分組效果，根據(jù)表的第一列“Department" 來分組

圖3， 也可以對多個(gè)列來分組，根據(jù)第一列”Department" 和第四列 ”Gender“  來分組。分組前，先對要選擇的列進(jìn)行排序，這在提取數(shù)據(jù)的時(shí)候可以完成，

就沒有在客戶端再去實(shí)現(xiàn)。

圖4. 可以設(shè)置參數(shù) collapse=1. 讓表格先收縮起來。 它的默認(rèn)值是0;

 

通過寫這個(gè)JQuery 控件，深刻體會到它的強(qiáng)大。整個(gè)代碼不到100行。

在ASP.NET 里面。 gridView 默認(rèn)顯示的時(shí)候，不會加上TBODY 標(biāo)記。 為了讓GridView 的類容顯示在TBODY,在Page load 里面可以加上下面的代碼

GridView1.UseAccessibleHeader=true;             
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;                
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;

這樣就可以用JQuery.groupTable 來處理 gridview 生成的table 了。

打包下載

歡迎大家多提意見。

相關(guān)文章

最新評論