动态禁用jqgrid列

Question

我想在编辑时禁用几列，但在通过navGrid Add添加时会启用这些列。 我使用下面的代码：

  colModel: [
      { name: 'Menu_Key_Nm', index: 'Menu_Key_Nm', align: 'left', width: 200, sortable: false, editable: true, editrules: { required: true } },
      { name: 'Menu_Display_Nm', index: 'Menu_Display_Nm', align: 'left', width: 200, sortable: false, editable: true, editrules: { required: true } },
      { name: 'Category', index: 'Category', align: 'left', width: 200, sortable: false, editable: true, editrules: { required: true }, edittype: 'select', editoptions: { dataUrl: '@Url.Action("GetCategoryList", "Admin")'} },
  ]

在navGrid编辑选项中，我正在编写以下代码：

 //edit
 {
     beforeShowForm: function (form) {
        $("#tr_Menu_Key_Nm").attr("disabled", "true");
        $('#tr_Category').attr("disabled", "true");
      }
   url: '@Url.Action("Update")',
  closeAfterEdit: true
 },
 //Add option
 {
    beforeShowForm: function (form) {
        $("#tr_Menu_Key_Nm").attr("disabled", "false");
        $('#tr_Category').attr("disabled", "false");
      }
  }

但是我在编辑后添加时禁用了上面的列。 任何帮助深表感谢。提前谢谢。

Answer 1

首先，您应修复代码并使用.prop("disabled", true)或.prop("disabled", false)代替.attr("disabled", "true")和.attr("disabled", "false")。如果您使用的是非常旧版本的jQuery，则可以使用attr，但在这种情况下，值应为.attr("disabled", "disabled")和.removeAttr("disabled")。

顺便说一下，我开发了现在可以下载和使用的free jqGrid新版本。我计划很快发布这个版本。该版本有许多新功能。 the wiki article中描述了一个功能。它允许您将editable属性定义为函数。在函数内部，您可以测试options.mode === "addForm"是否仅在该情况下返回true。如果是options.mode === "editForm"，您可以返回“已禁用”值，这与您在代码中执行的操作完全相同。

试试the demo。它显示

和

某些列的editable属性定义为editable: editableInAddForm，其中函数editableInAddForm如下所示

editableInAddForm = function (options) {
    if (options.mode === "addForm") {
        return true;
    }
    if (options.mode === "editForm") {
        return "disabled";
    }
    return false; // don't allows editing in other editing modes
}