1. 程式人生 > >JqGrid 標題欄checkbox多選,全選全不選事件

JqGrid 標題欄checkbox多選,全選全不選事件

1、當在JqGrid表格屬性中設定了multiselect:true,這時會在每一行前面出現checkbox
2、而在點選欄的checkbox時,表格全選或全部選,這時觸發的事件是onSelectAll
onSelectAll:function(rowids,statue){
//函式裡做自己的處理
};
rowids:表示表格的所有行Id,即設定了key=true的那一列的值,如果設定了多列的 key=true,那麼只選取第一個
statue:true/false,如果全選則為true,全不選則為false

注意:在很多方法中獲得行ID,其實是獲取列屬性中Key=true的那一列的值,一般設定ID那一列的key=true,也可以根據自己需求設定
JqGrid ColModel屬性說明 http://www.qinbin.me/jquery-colmodel-property-description/

4、選擇某一行呼叫 setSelection方法:
setSelection方法:就是反選,若此行選中則變為非選中狀態,若此行未選中則變為選中狀態
$(“#editgrid”).setSelection(rowId);
官網:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods


在處理介面上的選中問題,可以先呼叫resetSelection方法,將介面的選中狀態情況,再根據條件呼叫
$(“#editgrid”).setSelection(rowId);

5、下面的語句也可以讓某一行處於選中狀態,id為行id(可以用谷歌除錯工具常看行 id)
$(“#editgrid”).find(“input[id=’jqg_”+”editgrid_”+rowIds[k]+”’]”).attr(“checked”,true);
這種方法並不常用,主要是因為這種選中並不是選中了行,而只是使行的checkbox處於選中狀態,沒有觸發jqGrid自帶的方法