jqGrid實現單選功能

2021-09-07 03:08:08 字數 963 閱讀 1698

jqgrid預設沒有提供單選功能，但是提供了多選功能(multiselect)，因此可以通過隱藏多選按鈕，每次選擇的一條記錄的時候重置一下選擇列表的方式實現單選：

假設你的html部分**如下：
載入**的js**如下：

$(function () ,


, ,


else if(value==="1")


else 


} },


, ],


viewrecords: true,


height: 385,


rownum: 10,


rowlist : [10,30,50],


rownumbers: true, 


rownumwidth: 25, 


autowidth:true,


multiselect: true,


pager: "#jqgridpager",


jsonreader : ,


prmnames : ,


beforeselectrow: function(rowid, e),


gridcomplete:function()); 


}});


var mygrid = $("#jqgrid");


$("#cb_"+mygrid[0].id).hide();


});
其中，關鍵部分**是：

//實現多選


multiselect: true


//實現每次選擇之前重置一下選擇項


beforeselectrow: function(rowid, e)


//移除多選表頭上的多選框


var mygrid = $("#jqgrid"); 


$("#cb_"+mygrid[0].id).hide();

Ext TreePanel實現單選等功能

quote 在ext1.x裡,樹是沒有checkbox的,幸好在2.x版本裡提供了這個功能,在許多應用裡,帶有checkbox的樹使用還是很常見的 ext2.x提供了簡單的checkbox實現,但對於一些複雜的需求,如 級聯多選 選中父結點,自選中其所有子結點和所有父結點 單選等等,ext2.x並沒...

iView的tree元件實現單選功能

iview中的樹元件有核取方塊可以多選，但是目前還沒有提供單選框的模式，不顯示核取方塊可以提供高亮單選的模式，但是再次點選就被取消了，沒有實現真正的單選 tree 的屬性配置中 multiple 是否支援多選，是在不顯示核取方塊的時候生效的，不能控制核取方塊支不支援多選 實現單選功能中用到了 sho...

關於jqGrid中的分組功能

jqgrid為資料提供了分組的功能，該分組可以根據相應的一列的資訊進行分組，同時也可以根據多列的資料進行分組。如圖 圖1 根據位址和年齡資訊進行分組並顯示每組中記錄的數量 grouping true,groupingview 條記錄 表頭顯示資料 每組中包含的資料量 groupcollapse fa...