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 создает панель навигации. Вы можете создать только один навигационная панель в сетке.

Как вы можете видеть из the line кода из navGrid функция тест существование nav имущества, которое будет упаковали методом (см 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 });