Question

I was trying to modify the sample from that question Custom jQGrid post action
http://ok-soft-gmbh.com/jqGrid/TestSamle/Admin1.htm to remove delete action like that:

ondblClickRow: function (id, ri, ci) {
                    //...
                    $("div.ui-inline-edit", tr).hide();
                    //...
                }, 

onSelectRow: function (id) {
                    //...
                        $("div.ui-inline-edit", tr).show();
                    //...
                    }



  loadComplete: function () {
      $("div.ui-inline-del", tr).hide();
    }

But does not help.

Any ides how i can do that?

Answer 1

It seems to me that you should first hide all “del” icons inside of loadComplete and then add afterSave and afterRestore property to the formatoptions of the actions formatter:

formatter: 'actions',
formatoptions: {
    keys: true, // we want use [Enter] key to save the row and [Esc] to cancel editing
    afterSave: hideDelIcon,
    afterRestore: hideDelIcon
}

where

var hideDelIcon = function(rowid) {
        setTimeout(function() {
            $("tr#"+$.jgrid.jqID(rowid)+ " div.ui-inline-del").hide();
        },50);
    };

See the modified demo here.