如何删除内嵌删除操作中的jqGrid

Question

我试图从这个问题Custom jQGrid post action http://ok-soft-gmbh.com/jqGrid/TestSamle/Admin1.htm修改示例删除删除动作这样的：

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(); 
    } 

但于事无补。

任何ide我怎么能做到这一点？

Answer 1

在我看来，你应该先隐藏loadComplete内的所有“德尔”图标，然后afterSave和afterRestore属性添加到actions格式化的formatoptions：

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

其中

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

见修改后的演示here。

Answer 2

，你可以补充一点：在loadComplete: function() { 结束

$('.ui-inline-del').each(function(index) { 
         $(this).html(''); 
         }); 
or this: 
$('.ui-inline-del').each(function(index) { 
        $(this).hide(); 
        }); 

也改变

.jqGrid('navGrid', '#Pager1', { add: true, edit: false }, {}, {}, 
        myDelOptions, { multipleSearch: true, overlay: false }); 

到：

.jqGrid('navGrid', '#Pager1', { add: true, edit: false, del:false }, {}, {}, 
        myDelOptions, { multipleSearch: true, overlay: false }); 

如果你想删除的行中删除选项页脚

Answer 3

格式选项怎么样：{...，delbutton：false，...}？

http://www.trirand.net/documentation/php/_2v70wa4jv.htm