今天写一个项目，在用到datagrid的时候突然发现加载操作列中的自定义按钮出来问题，经过一番研究，原来这么简单。话不多说，上图
//获取选中行审核
function Checker(indexDiv) {
$('#grid').datagrid('selectRow',indexDiv);//获取选中行
var rows = $('#grid').datagrid('getSelected');//获取选中行数据
ShowDiv(); //调用事件
$('#UserTd').html(rows.UserName);//会员账户
$('#NameTd').html(rows.UserAccount);//充值账户
$('#MoneyTd').html(rows.RechargeMoney);//充值金额
$('#MoneyYETd').html(rows.RemainingSum);//账户余额
$('#SubmitTd').html(ShowDateFormat( rows.RechargeDate));//充值日期
$('#BankTd').html(rows.PaymentBank);//付款账户银行
$('#PaymentZHTd').html(rows.PaymentAccount);//付款账户
$('#grid').datagrid('clearSelections')
};
//获取选中行查看
function Modify(indexDiv) {
$('#grid').datagrid('selectRow', indexDiv);//获取选中行
var rowDiv = $('#grid').datagrid('getSelected');//获取选中行数据
ModifyDiv();//调用事件
$('#UserTDrr').html(rowDiv.UserName);//会员账户
$('#NameTD').html(rowDiv.UserAccount);//充值账户
$('#MoneyTD').html(rowDiv.RechargeMoney);//充值金额
$('#MoneyYETD').html(rowDiv.RemainingSum);//账户余额
$('#SubmitTD').html(ShowDateFormat(rowDiv.RechargeDate));//充值日期
$('#BankTD').html(rowDiv.PaymentBank);//付款账户银行
$('#PaymentZHTD').html(rowDiv.PaymentAccount);//付款账户
$('#CheckStateTD').html(rowDiv.MoneyState);//到款状态
$('#grid').datagrid('clearSelections')
};
//将序列化成json格式后日期(毫秒数)转成日期格式
function ShowDateFormat(cellval) {
if (cellval != null) {
var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return date.getFullYear() + "-" + month + "-" + currentDate;
}
return null;
};
//弹出审核框
function ShowDiv() {
$('#SHDiv').dialog('open');
};
//弹出查看审核框
function ModifyDiv() {
$('#CKDiv').dialog('open')
};
上面的代码首先你可以随意添加按钮，必须保证类名不一样。
按着上面的代码写就能实现在datagrid一列添加多个按钮了。
效果就是这样的
