easyuidatagrid扩展--玩一下，无实际意义

直接上代码

$.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: '产品编号',  300, editor: "text" },
                    { field: 'productname', title: '产品名称',  300, editor: "text" },
                    { field: 'operation', title: '操作',  200, editor: "operater" }
                ]],
                onDblClickRow: function (rowIndex, rowData) {
                    $("#tt").datagrid('beginEdit', rowIndex);
                 12                 }
            });

        })

效果：