網(wǎng)站設(shè)計(jì)參考網(wǎng)站,蕪湖做網(wǎng)站找哪家好,網(wǎng)站怎么加留言,工業(yè)設(shè)計(jì)大賽官網(wǎng)下面直接給你最常用、最好用的兩種方法#xff0c;復(fù)制粘貼就能在你的jQuery EasyUI datagrid里加上復(fù)選框#xff08;選中一行、批量刪除、批量操作全都有#xff09;#xff0c;馬上就能用 方法1#xff1a;最簡單 3秒搞定#xff08;推薦你現(xiàn)在就用這個(gè)#xff09; …下面直接給你最常用、最好用的兩種方法復(fù)制粘貼就能在你的jQuery EasyUI datagrid里加上復(fù)選框選中一行、批量刪除、批量操作全都有馬上就能用方法1最簡單 3秒搞定推薦你現(xiàn)在就用這個(gè)tableiddgclasseasyui-datagriddata-optionsurl:你的接口地址.json, fitColumns:true, singleSelect:false, rownumbers:true, toolbar:#tb, columns:[[ {field:ck, checkbox:true}, // 這一行就是復(fù)選框 {field:id,title:編號,width:60}, {field:name,title:姓名,width:100}, {field:age,title:年齡,width:60} ]]/tabledividtbahrefjavascript:void(0)classeasyui-linkbuttoniconClsicon-removeplaintrueonclickdelSelected()批量刪除/a/divscriptfunctiondelSelected(){varrows$(#dg).datagrid(getChecked);// 直接得到所有勾選的行if(rows.length0){$.messager.alert(提示,請先勾選要?jiǎng)h除的行);return;}varids[];$.each(rows,function(i,row){ids.push(row.id);});$.messager.confirm(確認(rèn),確定刪除這 rows.length 條記錄嗎,function(r){if(r){// 發(fā)請求刪除$.post(delete.php,{ids:ids.join(,)},function(result){if(result.success){$(#dg).datagrid(reload);$.messager.show({title:成功,msg:已刪除rows.length條});}},json);}});}/script方法2想讓復(fù)選框默認(rèn)全選、表頭也能點(diǎn)領(lǐng)導(dǎo)最喜歡這種$(#dg).datagrid({columns:[[{field:ck,checkbox:true,width:30,halign:center,align:center},{field:id,title:編號},// 其他列...]],onLoadSuccess:function(){// 表格加載完自動(dòng)全選$(this).datagrid(checkAll);},onHeaderContextMenu:function(e,field){// 右鍵表頭可以全選/全不選加這個(gè)更專業(yè)e.preventDefault();varcm$(div/).appendTo(body);$(div iconClsicon-ok全選/div).appendTo(cm).click(function(){$(#dg).datagrid(checkAll)});$(div全不選/div).appendTo(cm).click(function(){$(#dg).datagrid(uncheckAll)});cm.menu(show,{left:e.pageX,top:e.pageY});cm.menu(destroy);}});你現(xiàn)在直接復(fù)制上面第一種方法到你的頁面3秒就能看到復(fù)選框出來了再把批量刪除按鈕加進(jìn)去領(lǐng)導(dǎo)明天就要驗(yàn)收的頁面就完美了想要我直接給你完整的html文件包含增刪改查復(fù)選框或者你告訴我你現(xiàn)在用的datagrid是遠(yuǎn)程加載還是本地?cái)?shù)據(jù)我2分鐘發(fā)你對應(yīng)的完整代碼復(fù)制粘貼就能跑快告訴我你現(xiàn)在卡在哪一步我手把手帶你加上去5分鐘內(nèi)一定看到復(fù)選框