DataGrid其中與選擇,勾選相關
DataGrid屬性:
singleSelect boolean 如果為true,則只允許選擇一行。 false
ctrlSelect boolean 在啟用多行選擇的時候允許使用Ctrl鍵+鼠標點擊的方式進行多選操作。(該屬性自1.3.6版開始可用)
checkOnSelect boolean 如果為true,當用戶點擊行的時候該復選框就會被選中或取消選中。如果為false,當用戶僅在點擊該復選框的時候才會唄選中或取消。(該屬性自1.3版開始可用) true
selectOnCheck boolean 如果為true,單擊復選框將永遠選擇行。如果為false,選擇行將不選中復選框。(該屬性自1.3版開始可用)
DataGrid列是一個數組對象,該元素也是一個數組對象。元素數組里面的元素是一個配置對象,它用來定義每一個列字段。
checkbox boolean 如果為true,則顯示復選框。該復選框列固定寬度。
DataGrid事件
onClickRow rowIndex, rowData 在用戶選擇一行的時候觸發,參數包括:rowIndex:選擇的行的索引值,索引從0開始。rowData:對應於所選行的記錄。
onLoadSuccess
onSelect rowIndex, rowData 在用戶選擇一行的時候觸發,參數包括:rowIndex:選擇的行的索引值,索引從0開始。rowData:對應於所選行的記錄。
onUnselect rowIndex, rowData 在用戶取消選擇一行的時候觸發,參數包括:rowIndex:選擇的行的索引值,索引從0開始。rowData:對應於取消選擇行的記錄。
onSelectAll rows 在用戶選擇所有行的時候觸發。
onUnselectAll rows 在用戶取消選擇所有行的時候觸發。
onCheck rowIndex,rowData 在用戶勾選一行的時候觸發,參數包括:rowIndex:選中的行索引,索引從0開始。rowData:對應於所選行的記錄。(該事件自1.3版開始可用)
onUncheck rowIndex,rowData 在用戶取消勾選一行的時候觸發,參數包括:rowIndex:選中的行索引,索引從0開始。rowData:對應於取消勾選行的記錄。(該事件自1.3版開始可用)
onCheckAll rows 在用戶勾選所有行的時候觸發。(該事件自1.3版開始可用)
onUncheckAll rows 在用戶取消勾選所有行的時候觸發。(該事件自1.3版開始可用)
方法
getChecked none 在復選框唄選中的時候返回所有行。(該方法自1.3版開始可用)
getSelected none 返回第一個被選中的行或如果沒有選中的行則返回null。
getSelections none 返回所有被選中的行,當沒有記錄被選中的時候將返回一個空數組。
clearSelections none 清除所有選擇的行。
clearChecked none 清除所有勾選的行。(該方法自1.3.2版開始可用)
selectAll none 選擇當前頁中所有的行。
unselectAll none 取消選擇所有當前頁中所有的行。
selectRow index 選擇一行,行索引從0開始。
selectRecord idValue 通過ID值參數選擇一行。
unselectRow index 取消選擇一行。
checkAll none 勾選當前頁中的所有行。(該方法自1.3版開始可用)
uncheckAll none 取消勾選當前頁中的所有行。(該方法自1.3版開始可用)
checkRow index 勾選一行,行索引從0開始。(該方法自1.3版開始可用)
uncheckRow index 取消勾選一行,行索引從0開始。(該方法自1.3版開始可用)
例子:
$("#qoAccountBalanceList").datagrid({
onSelect:function(index, row){
var checedMoneySum=0;
ids=[];
var rowsData = $('#qoAccountBalanceList').datagrid('getSelections');
$(rowsData).each(function(index, data){
ids.push(data.Id);
if (rowsData[index].receiptPlanMoney==''){
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].paySum);
} else {
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].receiptPlanMoney);
}
});
$("input[name='checkedMoney']").val(checedMoneySum);
},
onUnselect:function(index, row){
var checedMoneySum=0;
ids=[];
var rowsData = $('#qoAccountBalanceList').datagrid('getSelections');
$(rowsData).each(function(index, data){
ids.push(data.Id);
if (rowsData[index].receiptPlanMoney==''){
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].paySum);
} else {
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].receiptPlanMoney);
}
});
$("input[name='checkedMoney']").val(checedMoneySum);
},
onSelectAll:function(index, row){
var checedMoneySum=0;
ids=[];
var rowsData = $('#qoAccountBalanceList').datagrid('getSelections');
$(rowsData).each(function(index, data){
ids.push(data.Id);
if (rowsData[index].receiptPlanMoney==''){
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].paySum);
} else {
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].receiptPlanMoney);
}
});
$("input[name='checkedMoney']").val(checedMoneySum);
},
onUnselectAll:function(index, row){
var checedMoneySum=0;
ids=[];
var rowsData = $('#qoAccountBalanceList').datagrid('getSelections');
$(rowsData).each(function(index, data){
ids.push(data.Id);
if (rowsData[index].receiptPlanMoney==''){
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].paySum);
} else {
checedMoneySum=checedMoneySum+parseFloat(rowsData[index].receiptPlanMoney);
}
});
$("input[name='checkedMoney']").val(checedMoneySum);
},
onLoadSuccess:function(){
for (var i = 0; i < ids.length; i++) {
$('#qoAccountBalanceList').datagrid('selectRecord', ids[i]);//翻頁之后還可以選中
}
}