easyUI 創建有復選框的table.datagrid


table : function(data){
pt.v.table.datagrid({
// singleSelect:true,
height:295,
columns:[[
{field:'xuhao',title:'0',width:'5%',checkbox:true},
{field:'sjbm',title:'數據編碼',width: '30%',align:'center'},
{field:'sjmc',title:'數據名稱',width:'35%',align:'center'},
{field:'mrx',title:'默認值',width:'30%',align:'center',
formatter :function(value,row,index){
if(value === '1'){
return '否';
}else if(value === '0'){
return '是';
}
},
},
]],
data : data,
onSelect:function(index,row){
var checkedMess = pt.v.table.datagrid('getSelections'); //getChecked是選行 getSelections 復選框
if(checkedMess.length === 1){
pt.v.edit_button.removeAttr('disabled');
pt.v.del_button.removeAttr('disabled');
}else{
pt.v.edit_button.prop('disabled',true);
}
},
onUnselect:function(){
var checkedMess = pt.v.table.datagrid('getSelections');
if(checkedMess.length === 1){
pt.v.edit_button.removeAttr('disabled');
}else if(checkedMess.length === 0){
pt.v.edit_button.prop('disabled',true);
pt.v.del_button.prop('disabled',true);
}
}
});
}

關於getchecked:
getSelected:取得第一個選中行數據,如果沒有選中行,則返回 null,否則返回記錄。
getSelections:取得所有選中行數據,返回元素記錄的數組數據。

   getChecked:取得checkbox選擇行的數據,返回元素記錄的數組數據。

   getSelected跟getSelections是選中行,而且getChecked是選擇行。

   選中行的意思就是,我們單擊到某一個行,一般這個時候默認樣式會讓該行的背景色為黃色,就證明我們選中了該行。

而選擇行的意思就是,我們在該行放置了一個checkbox按鈕,我勾選了這個按鈕,因此也可以將選擇行稱為勾選行更貼切一些!

 
        
pt.m.num = pt.v.tab.datagrid('clearSelections'); //刪除后要清除選中狀態再加載
   IDfield是用於分頁時可以多頁選中的  例:
 
pt.v.tab.datagrid({
height:'auto',
singleSelect:false,
idField: 'ygxxid',
pagination: true,
//是否分頁
pageSize: 10, // 這里用於分頁,多個刪除
 
        
     load加載第一頁,reload刷新當前頁
 pt.v.tab.datagrid('reload');




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM