今天写一个项目，在用到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一列添加多个按钮了。

效果就是这样的