业务中可能会需要实时的监听表格中的行勾选事件来实现一些需求,根据 easyUI 绑定table id,datagrid 选中取消全选触发事件。
需要注意的是,将.datagrid方法放在$(function(){})才能有效的应用。
$(function(){
$("#businessbillgrid").datagrid({
//选中单个
onCheck :function(rowIndex,rowData){
var selectedrows= $('#businessbillgrid').datagrid('getChecked');
var je = 0;
var suiE = 0;
var sl = 0;
for(var i=0;i<selectedrows.length;i++){
je+=selectedrows[i].totalamount;
suiE+=selectedrows[i].totaltax;
sl+=selectedrows[i].totalamounttax;
}
$("#totalamount").text(je.toFixed(2));//金额
$("#totaltax").text(suiE.toFixed(2));//税额
$("#totalamounttax").text((je+suiE).toFixed(2))//价税合计
},
//取消单个
onUncheck :function(rowIndex,rowData){
var selectedrows= $('#businessbillgrid').datagrid('getChecked');
var je = 0;
var suiE = 0;
var sl = 0;
for(var i=0;i<selectedrows.length;i++){
je+=selectedrows[i].totalamount;
suiE+=selectedrows[i].totaltax;
sl+=selectedrows[i].totalamounttax;
}
$("#totalamount").text(je.toFixed(2));//金额
$("#totaltax").text(suiE.toFixed(2));//税额
$("#totalamounttax").text((je+suiE).toFixed(2))//价税合计
},
//全选
onCheckAll :function(rowIndex,rowData){
var selectedrows= $('#businessbillgrid').datagrid('getChecked');
var je = 0;
var suiE = 0;
var sl = 0;
for(var i=0;i<selectedrows.length;i++){
je+=selectedrows[i].totalamount;
suiE+=selectedrows[i].totaltax;
sl+=selectedrows[i].totalamounttax;
}
$("#totalamount").text(je.toFixed(2));//金额
$("#totaltax").text(suiE.toFixed(2));//税额
$("#totalamounttax").text((je+suiE).toFixed(2))//价税合计
},
//取消全选
onUncheckAll :function(rowIndex,rowData){
var selectedrows= $('#businessbillgrid').datagrid('getChecked');
var je = 0;
var suiE = 0;
var sl = 0;
for(var i=0;i<selectedrows.length;i++){
je+=selectedrows[i].totalamount;
suiE+=selectedrows[i].totaltax;
sl+=selectedrows[i].totalamounttax;
}
$("#totalamount").text(je.toFixed(2));//金额
$("#totaltax").text(suiE.toFixed(2));//税额
$("#totalamounttax").text((je+suiE).toFixed(2))//价税合计
}
})
)}