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: '产品编号', 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);
                                   }
             });

         })

效果：