Jqgrid：如何取消/隐藏删除对话框答案

【问题标题】：Jqgrid: How to cancel/hide delete dialogJqgrid：如何取消/隐藏删除对话框
【发布时间】：2018-02-02 18:09:07
【问题描述】：

我正在使用免费的 jqgrid 4.15

我在下面的寻呼机中有添加、删除、编辑按钮。当用户选择行并单击删除时，我想检查一个单元格值，如果它等于我不想显示删除对话框的值，而是显示无法删除的警报。

我的网格的一些设置如下：

     {
       cmTemplate: { autoResizable: true, editable: true },
       guiStyle: "bootstrap",
       sortable: true,
       pager: true,
       formEditing: {           
      closeOnEscape: true,
      closeAfterEdit: true,
      closeAfterAdd: true,
      closeAfterDelete: true,
      savekey: [true, 13],
      addCaption: "Add Me",
      editCaption: "Edit Me ",
      bSubmit: "Submit"                   
    },
   formDeleting: {
    width: 100,
    caption: 'Delete'
   },
  }).jqGrid("navGrid", { add: true, edit:true, del: true, refresh: true, 
 view: false },
    {
    beforeShowForm: function (form) {                     
    }
  },
   {
    beforeShowForm: function (form) {           
    }
}

) });

【问题讨论】：

标签： jqgrid free-jqgrid

【解决方案1】：

您可以隐藏/显示导航栏的删除按钮，具体取决于行中单元格的值。您可以为此使用onSelectRow 回调。删除按钮的 id（与所有其他按钮一样）将基于网格的 id 构建。例如，如果网格 id 是“list”，那么底部导航栏中的 Delete 按钮的 id 将是 "del_list"，而顶部导航栏中相同按钮的 id（如果您使用 toppager: true）将是 @987654324 @。显示/隐藏按钮的代码看起来接近以下内容：

onSelectRow (rowid) {
    var item = $(this).jqGrid("getLocalRow", rowid),
        $delButton = $("#del_" + this.id + ",#del_" + this.id + "_top");
    if (item.closed) {
        $delButton.hide();
    } else {
        $delButton.show();
    }
}

人们可以禁用/启用按钮，而不是隐藏/显示在那里。

【讨论】：

感谢奥列格这工作正常，它在下面的寻呼机中隐藏了删除按钮。想知道是否有办法仍然显示删除按钮但是当用户单击删除按钮然后在 onselect 行事件上我可以显示一些他们没有权限删除并返回 false 的消息。
@kaka1234：我建议您禁用按钮并更改title 以通知用户按钮处于非活动状态（例如，由于缺少权限)。启用按钮的外观邀请用户使用它。在点击时显示消息似乎为时已晚。不过，您可以使用 beforeInitData 回调并返回 false 以中止显示删除对话框。如果用户没有删除权限，您可以使用navGrid 的del: false 选项而不是del: true。
@kaka1234：或者，您可以使用navGrid 的del: false 选项删除删除按钮，并使用navButtonAdd 添加与原始删除按钮具有相同图标的自定义按钮。您可以在onClickButton 中使用任何自定义验证，并且只有在用户拥有相应权限的情况下，才能从您的onClickButton 处理程序中调用delGridRow。