直接上代码
$.extend($.fn.datagrid.defaults.editors, {
operater: {
init: function (container, options) {
var a1 = $("<a class='easyui-linkbutton' iconCls='icon-ok' plain='true' onclick='alert()' >更新</a>").appendTo(container);//初始化编辑器并返回目标对象。
a1.linkbutton(options);
var a2 = $("<a class='easyui-linkbutton' iconCls='icon-cancel' plain='true' onclick='alert(this)'>取消</a>").appendTo(container);
a2.linkbutton(options);
return container;
},
getValue: function (target) {
return $(target);
},
setValue: function (target, value) {
$(target).val(value);
},
resize: function (target, width) {
var input = $(target);
if ($.boxModel == true) {
input.width(width - (input.outerWidth() - input.width()));
} else {
input.width(width);
}
}
}
})使用：
$(function () {
$('#tt').datagrid({
url: 'Handler.ashx',
columns: [[
{ field: 'productid', title: '产品编号', width: 300, editor: "text" },
{ field: 'productname', title: '产品名称', width: 300, editor: "text" },
{ field: 'operation', title: '操作', width: 200, editor: "operater" }
]],
onDblClickRow: function (rowIndex, rowData) {
$("#tt").datagrid('beginEdit', rowIndex);
}
});
})效果：