jqgrid EditActionIconsColumn Événements

La formatter:'actions' n'est pas encore bien documenté. La version actuelle de jqGrid 3.8.2 l'appui de certaines options dont vous avez besoin. Dans lignes 394-466 de l'jquery.fmatter.js de la version actuelle, vous pouvez voir plus.

Ce dont vous avez besoin sont onEdit, afterSave (sur "Soumettre") et delOptions.onclickSubmit paramètres.

De dire la vérité, je n'ai pas utilisé les "actions" de formateur avant et à comprendre moi-même écrire la démo qui résout également sur l'ensemble de vos questions. Pour rendre les autres plus facile de trouver l'exemple à inclure la partie la plus importante du code ici:

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
             }
         }},
        ...
    ],
    ...
});