jquery-easyui的datagrid在checkbox多選時,行選中不對應,去除高亮的解決方案,jqueryeasyui
jquery-easyui的datagrid在checkbox多選時,行選中不對應,去除高亮的解決方案
工作中用到一個具有多選功能的easyui-datagrid在處理cell的點擊事件時,不允許被選中行的需求。
如,點擊“查看”時,只是為了查看詳細資料,並不是需要選擇行。
完成這個需求,其實只需要將datagrid的checkOnSelect屬性設定為false就可以了。
然而,當設定該屬性後,新的問題就隨之出現了。
目前的辦法是使用以下代碼去除高亮: (本來是打算處理成checkbox選中的行高亮顯示,奈何剛開始使用easyui功力不夠)
onSelect:function(rowIndex, rowData){ $('#datagrid2').datagrid('unselectRow',rowIndex);},onCheckAll:function(rows){ $('#datagrid2').datagrid('unselectAll');}
使用以上代碼之後,要擷取到checkbox選中的所以行資料,則使用以下代碼:
var checkedItems = $('#datagrid2').datagrid('getChecked');
開始上面這行代碼一直只返回一行資料,後來仔細再看了下,這行代碼使用也是有前提的,就是必須指定idField。
若以後想到辦法做到checkbox選中的行高亮顯示,會繼續補充。
jquery-easyui 選中行複選框不自動選中
wrhbebh
jquery easyui怎擷取被選中的checkbox的id然後將其頁麵包括資料庫資料刪除,我的前台頁面是這樣寫的
就是一個遍曆的事兒
onLoadSuccess:function(){//載入完畢後擷取所有的checkbox遍曆
$('#dbgrid input:checkbox').each(function(index,el){
if(/*.條件.*/)el.disabled=true;
});
}