jqGrid：其他编辑参数没有发布到服务器

Question

我使用Lib.Web.MVC帮助器，所以我的初始jqGrid JS是由该对象生成的。在调用@ grid.GetJavaScript之后，我发出一个单独的调用来修改editData集合，如下所示。这是我正在使用的有效JS。 AreaId和AreaItemId的值不会被提交给控制器操作。

$(document).ready(function() { 
    $('#GetAreaItemDetails').jqGrid({ 
     colNames: ['Code', 'Name', 'Description', 'Has Addl Comments'], 
     colModel: [ 
      { editable: true, editoptions: { "maxlength": 16 }, editrules: { required: true }, 
       name: 'AreaItemDetailCode' 
      }, 
      { editable: true, editoptions: { "maxlength": 32 }, editrules: { required: true }, 
       name: 'AreaItemDetailName' 
      }, 
      { editable: true, editoptions: { "maxlength": 128 }, editrules: { required: true }, 
       name: 'AreaItemDetailDescription' 
      }, 
      { editable: true, edittype: 'checkbox', editrules: { required: true }, 
       name: 'HasAdditionalComments' 
      }], 
     caption: 'Area Item Details', 
     url: '/Admin/GetAreaItemDetails', 
     datatype: 'json', 
     footerrow: true, 
     jsonReader: { repeatitems: false, id: 'Id', subgrid: { repeatitems: false} }, 
     mtype: 'POST', 
     pager: '#GetAreaItemDetailsPager', 
     prmNames: { npage: 'npage' }, 
     rowList: [10, 20, 30, 40, 50], 
     rowNum: 10, 
     sortname: 'AreaItemDetailId', 
     viewrecords: true, 
     height: '100%' 
    }).jqGrid('navGrid', '#GetAreaItemDetailsPager', 
     { search: false }, 
     { height: 175, url: '/Admin/UpdateAreaItemDetail', width: 400, recreateForm: true, 
      closeAfterEdit: true 
     }, 
     { height: 175, url: '/Admin/InsertAreaItemDetail', width: 400, recreateForm: true, 
      closeAfterAdd: true 
     }); 

    $("#GetAreaItemDetails").jqGrid('navGrid', '#GetAreaItemDetailsPager', 
     {/*navGrid options*/}, 
     { 
      editData: { 
       AreaItemId: function() { 
        return $('#ddlAreaItems').val(); 
       }, 
       AreaId: function() { 
        return $('#ddlAreas').val(); 
       } 
      } 
     }, 
     { 
      editData: { 
       AreaItemId: function() { 
        return $('#ddlAreaItems').val(); 
       }, 
       AreaId: function() { 
        return $('#ddlAreas').val(); 
       } 
      } 
     }); 
}); 

Answer 1

我假设你的问题的原因是两个电话中navGrid你做的，而不是一个。 navGrid方法创建导航栏。您只能在网格中创建一个一个导航栏。

如何从的navGrid功能测试存在nav财产将由方法装箱的代码the line看到（见the line刚刚分配this.nav = true;）。因此，代码

if(this.nav) {return;} 

将用于只是跳过该方法的第二执行。

所以要解决你的问题，你应该在一个组合两个呼叫：

... 
}).jqGrid('navGrid', '#GetAreaItemDetailsPager', 
    { search: false }, 
    { height: 175, url: '/Admin/UpdateAreaItemDetail', width: 400, recreateForm: true, 
     closeAfterEdit: true, 
     editData: { 
      AreaItemId: function() { 
       return $('#ddlAreaItems').val(); 
      }, 
      AreaId: function() { 
       return $('#ddlAreas').val(); 
      } 
     } 
    }, 
    { height: 175, url: '/Admin/InsertAreaItemDetail', width: 400, recreateForm: true, 
     closeAfterAdd: true, 
     editData: { 
      AreaItemId: function() { 
       return $('#ddlAreaItems').val(); 
      }, 
      AreaId: function() { 
       return $('#ddlAreas').val(); 
      } 
     } 
    }); 

可以减少代码，如果你设置常用的添加和编辑设置为默认设置（页）的形式编辑

$.extend($.jgrid.edit, { 
    height: 175, 
    url: '/Admin/InsertAreaItemDetail', 
    width: 400, 
    recreateForm: true, 
    closeAfterAdd: true, 
    closeAfterEdit: true, 
    editData: { 
     AreaItemId: function() { 
      return $('#ddlAreaItems').val(); 
     }, 
     AreaId: function() { 
      return $('#ddlAreas').val(); 
     } 
    } 
}); 

前调用的navGrid。在通话本身可以减少到

... 
}).jqGrid('navGrid', '#GetAreaItemDetailsPager', { search: false });