Button jqgrid编辑动作图标列事件

我在网格中有一个带有EditActionsIconsColumn的jqgrid，但我正在尝试获取编辑、删除和提交上的单击事件。

---

谢谢

格式化程序：“操作”还没有很好的文档记录。jqGrid 3.8.2的当前版本支持您需要的一些选项。在当前版本的jquery.fmatter.js中，您可以看到更多

您需要的是

onEdit

、

afterSave

（关于“提交”）和

delOptions。onclickSubmit

参数

说实话，我以前没有使用过“动作”格式化程序，为了自己理解它，请写一个能解决所有问题的格式。为了便于在中查找其他示例，请在此处包含代码中最重要的部分：

var grid = $("#list");
grid.jqGrid({
    datatype: "local",
    data: mydata,           // init local data which will be edited
    editurl: 'clientArray', // we will use local editing
    colNames:['Actions', ... ],
    colModel:[
        {name:'act',index:'act',width:55,align:'center',sortable:false,formatter:'actions',
         formatoptions:{
             keys: true, // we want use [Enter] key to save the row and [Esc] to cancel editing.
             onEdit:function(rowid) {
                 alert("in onEdit: rowid="+rowid+"\nWe don't need return anything");
             },
             onSuccess:function(jqXHR) {
                 // the function will be used as "succesfunc" parameter of editRow function
                 // (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow)
                 alert("in onSuccess used only for remote editing:"+
                       "\nresponseText="+jqXHR.responseText+
                       "\n\nWe can verify the server response and return false in case of"+
                       " error response. return true confirm that the response is successful");
                 // we can verify the server response and interpret it do as an error
                 // in the case we should return false. In the case onError will be called
                 return true;
             },
             onError:function(rowid, jqXHR, textStatus) {
                 // the function will be used as "errorfunc" parameter of editRow function
                 // (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow)
                 // and saveRow function
                 // (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#saverow)
                 alert("in onError used only for remote editing:"+
                       "\nresponseText="+jqXHR.responseText+
                       "\nstatus="+jqXHR.status+
                       "\nstatusText"+jqXHR.statusText+
                       "\n\nWe don't need return anything");
             },
             afterSave:function(rowid) {
                 alert("in afterSave (Submit): rowid="+rowid+"\nWe don't need return anything");
             },
             afterRestore:function(rowid) {
                 alert("in afterRestore (Cancel): rowid="+rowid+"\nWe don't need return anything");
             },
             delOptions: {
                 // because I use "local" data I don't want to send the changes to the server
                 // so I use "processing:true" setting and delete the row manually in onclickSubmit
                 onclickSubmit: function(rp_ge, rowid) {
                     // we can use onclickSubmit function as "onclick" on "Delete" button
                     alert("The row with rowid="+rowid+" will be deleted");

                     // reset processing which could be modified
                     rp_ge.processing = true;

                     // delete row
                     grid.delRowData(rowid);
                     $("#delmod"+grid[0].id).hide();

                     if (grid[0].p.lastpage > 1) {
                         // reload grid to make the row from the next page visable.
                         // TODO: deleting the last row from the last page which number is higher as 1
                         grid.trigger("reloadGrid", [{page:grid[0].p.page}]);
                     }

                     return true;
                 },
                 processing:true // !!! the most important step for the "local" editing
                                 //     skip ajax request to the server
             }
         }},
        ...
    ],
    ...
});

---

当我使用您建议的代码时，我从Jqgrid.min.js得到一个错误：-“无法获取未定义或空引用的属性'integer'。如果我遗漏了什么，你能告诉我吗。我应该在数据中添加额外的列吗？@Ganesh:你有我为答案创建的错误吗？如果代码中出现错误，那么应该创建演示（例如在JSFIDLE中），该演示可用于重现问题。只有在那之后，他才能帮助你。例如，如果您使用旧版本的jqGrid，并且在

jquery.jqGrid.min.js

之前未包含所需的区域设置文件

grid.locale en.js

，则会出现无法获取属性“integer”的错误。