как открыть частичный вид как popup on jqgrid edit/add/delete option

Question

Когда я нажимаю кнопку добавления/редактирования, она должна показывать форму частичного просмотра как модальное всплывающее окно.

$('#list').jqGrid({ 
     caption: "Employee Details", 
     url: '/Employee/GetEmployee/', 
     datatype: "json", 
     contentType: "application/json; charset-utf-8", 
     mtype: 'GET', 
     colNames: ['Address', 'City', 'Id', 'Name'], 
     colModel: [ 
      { name: 'Address', index: 'Address', width: 150 }, 
      { name: 'City', index: 'City', width: 150 }, 
      { name: 'Id', index: 'Id', width: 150 }, 
      { name: 'Name', index: 'Name', width: 150 } 
     ], 
     rowNum: 10, 
     loadonce: true 

    }); 

    jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

как я могу достичь этого ... помощь действительно ценится !!!

Answer 1

jqGrid работает как библиотека JavaScript и не может использовать частичные виды. Если вы хотите, чтобы показать, редактировать/добавлять/удалять кнопки, то вы должны заменить строку

jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

в

jQuery("#list").jqGrid('navGrid', '#pager'); 

и добавить editable: true свойства в столбцах colModel, которые вы хотите разрешить пользователю редактировать. Вы также должны использовать опцию pager: '#pager' в jqGrid. Вы должны добавить пустой div <div id="pager"></div> в HTML-разметку страницы дополнительно. Чтобы быть точным ответом на ваш вопрос, зависит версия jqGrid, которую вы используете, и вилку jqGrid. Free jqGrid fork, который я разрабатываю, позволяет использовать опцию jqGrid pager: true и пропустить '#pager' параметр navGrid метод. См. the wiki article для получения дополнительной информации.

Дополнительно вы можете удалить ненужные index свойства и удалить width: 150 property too, потому что 150 является значением по умолчанию width. Чтобы иметь возможность редактировать данные, вам нужно добавить параметр editurl с URL-адресом действия MVC, который нужно вызвать при редактировании.