1. 程式人生 > >easyUI 創建有復選框的table.datagrid

easyUI 創建有復選框的table.datagrid

背景 dex null select 名稱 gles checkbox 默認 function

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按鈕,我勾選了這個按鈕,因此也可以將選擇行稱為勾選行更貼切一些!



easyUI 創建有復選框的table.datagrid