datagrid中为每行添加一个自定义按钮(jQuery EASY UI)

因为用jQuery EASY UI做，苦恼了我几个小时，所来纪念一下

效果图如下：第一步，点击“引用”按钮，弹出window渲染的对话框，然后表格渲染datagrid查询到数据，第二步：点击确定，将顾客姓名和ID绑定到文本框



JS部分

$("#supplierList").datagrid({

pagination: true,

pageSize: 5,

pageList: [5, 10, 15],

width: 600,

url: 'ashx/wPOfindSupplier.ashx?name=' + $("#GukeName").val(),

columns: [[

{ field: 'ID', title: 'ID', width: 100, align: 'center' },

{ field: 'Name', title: '姓名', width: 100, align: 'center' },

{ field: 'Area', title: '地区', width: 100, align: 'center' },

{ field: 'field', title: '按钮', width: 100, align: 'center', formatter: aaa }

]],

fitColumns: true，

onClickRow: function (rowIndex, rowData) {

gongyingshang = rowData.Name;

}

});

function aaa(val, rowdata, rowIndex)

{

return "<input type='button' value='确定' onClick=\"aa('" + rowdata.ID + "','" + rowdata.Name + "')\" >";//此处传参时要严格注意单引号和双引号的使用

}

function aa(a,b)

{

//点击确定后，将相应的数据绑定到隐藏的文本框

$("#gongyingshang").val(b);

$("#SelgongyingshangID").val(a);

$('#supplier').window('close');

}