關於jqGrid中的分組功能

2021-06-12 09:32:34 字數 1168 閱讀 9351

jqgrid為資料提供了分組的功能,該分組可以根據相應的一列的資訊進行分組,同時也可以根據多列的資料進行分組。如圖:

圖1、根據位址和年齡資訊進行分組並顯示每組中記錄的數量

grouping:true,

groupingview : - 條記錄'],//表頭顯示資料(每組中包含的資料量)

groupcollapse :false,//載入資料時是否只顯示分組的組資訊

groupsummary : [true,false],//是否顯示彙總  如果為true需要在colmodel中進行配置summarytype:'max',summarytpl:'max:'

groupdatasorted : true,//分組中的資料是否排序

grouporder:['desc','desc'] , //分組後組的排列順序

//showsummaryonhide: true//是否在分組底部顯示彙總資訊並且當收起**時是否隱藏下面的分組

},屬性解釋:

grouping:t jqgrid中該屬性預設為false,但需要進行分組的時候將該屬性設定為true

groupfield :該屬性表示分組的依據,可以跟據某一列的資訊進行分組,也可以根據多列進行分組

groupcolumnshow :該屬性表示依據其分組的列是否還顯示在表中 true表示顯示,false表示不顯示,預設為true.

grouptext :在分組的頭部顯示的資訊

groupcollapse :該屬性表示在載入資料的時候是否只顯示分組資訊,false表示既顯示分組資訊也顯示每個分組裡面的詳細資訊,true則只顯示分組資訊

groupsummary :該屬性表示對分組裡面的資訊進行分析,如果為true需要在colmodel中進行配置summarytype:'max',summarytpl:'max:'

groupdatasorted:表示分組中的資料是否進行排序

grouporder: //分組後組的排列順序

showsummaryonhide: true//是否在分組底部顯示彙總資訊並且當收起**時是否隱藏下面的分組

頁面原始碼如下:

74jqGrid 凍結帶有分組頭的列

這個例子展示了新的凍結列功能。嘗試去滾動水平的滾動條。如我們看到了分組表頭和行號都是支援的。需要注意的是支援分組表頭只是在usecolspanstyle設定為false的時候。省略 省略 function function pageinit rownum 10,width 700,rowlist 1...

關於jqgrid的一些使用

1.jqgrid如何切換中英文 在做電力監控系統的時候,根據專案的需要涉及到中英文的切換,一直糾結了好久沒有好的辦法,雖然我知道可以手動更改引入的js檔案就可以更改中英文,但是動態的一直沒有辦法更改,最後想到了乙個辦法就是講jqgrid框架中的js i18n grid.locale cn.js的資料...

關於MongoDB的group分組

關於mongodb的group分組 測試條件 windows mongodb 1.8.2 先插入測試資料 for var i 1 i 20 i 1.普通 分組查詢 db.test.group initial reduce function doc,prev db.runcommand initial...