Редактировать форму в JQGrid и ASP.NET MVC 2

Question

У меня проблема с JQgrid, когда я выбираю строку и нажимаю кнопку редактирования.Проблема в том, что мне нужна модальная форма редактирования, и она появляется вверху страницы, но когда я нажимаю на нее, она закрывается.Я просматриваю документы JQgrid и ищу примеры, но не могу заставить его работать.Я использую ASP.NET MVC 2 и JQgrid 1.4.1, и я приложил файлы JqDnr и Jqmodal.

</p> <pre><code><script type="text/javascript"> var lastsel; jQuery(document).ready(function() { jQuery("#list").jqGrid({ url: '/Home/DynamicGridData/', datatype: 'json', mtype: 'GET', colNames: ['Id', 'Nombre', 'Sponsor', 'Fecha de Evaluacion', 'Fecha Prevista de Fin', 'Planta', 'Sector', 'LOTO?', 'Trabajo en Altura?', 'Espacio Confinado?', 'Caliente?', 'Amianto?', 'Observaciones'], colModel: [ { name: 'Id', index: 'Id', width: 40, align: 'left', editable: false }, { name: 'Nombre', index: 'Nombre', width: 200, align: 'left', editable: true }, { name: 'Sponsor', index: 'Sponsor', width: 80, align: 'left', editable: true, edittype: "select", editoptions: { size: 71} }, { name: 'Fecha de Evaluacion', index: 'FechaEvaluacion', width: 90, align: 'left', editable: true }, { name: 'Fecha Prevista de Fin', index: 'FechaPrevistaFin', width: 90, align: 'left', editable: true }, { name: 'Planta', index: 'Planta', width: 70, align: 'left', editable: true }, { name: 'Sector', index: 'Sector', width: 70, align: 'left', editable: true }, { name: 'LOTO?', index: 'PermisoLOTO', width: 50, align: 'left', editable: true, formatter: "checkbox" }, { name: 'Trabajo en Altura?', index: 'PermisoTrabajoAltura', width: 50, align: 'left', editable: true, formatter: "checkbox" }, { name: 'Espacio Confinado?', index: 'PermisoEspacioConfinado', width: 50, align: 'left', editable: true, formatter: "checkbox" }, { name: 'Caliente?', index: 'PermisoCaliente', width: 50, align: 'left', editable: true, formatter: "checkbox" }, { name: 'Amianto?', index: 'PermisoAmianto', width: 50, align: 'left', editable: true, formatter: "checkbox" }, { name: 'Observaciones', index: 'Observaciones', width: 200, align: 'left', editable: true}], pager: jQuery('#pager'), rowNum: 10, rowList: [5, 10, 20, 50], sortname: 'Id', sortorder: "desc", viewrecords: true, imgpath: '/scripts/themes/sand/images', caption: 'Tareas' }).navGrid("#pager", { edit: true }); }); </script>

Tareas

Итак, любая помощь будет очень полезной.Спасибо!

Answer 1

Я не могу воспроизвести вашу проблему (см. Тест здесь ), но я могу окончательно сказать вам, что вы должны изменить значения из свойства name из colModel. Свойство name будет использоваться в качестве имени свойства. Он также создает идентификаторы различных элементов в форме редактирования. Идентификатор начинается как

id="Fecha Prevista de Fin"
id="tr_Fecha Prevista de Fin"
id="Amianto?"
id="tr_Amianto?"

и так далее - это плохо. Например, вы можете использовать Инструменты разработчика IE (нажмите F12 в IE), чтобы проверить идентификаторы, используемые в форме редактирования вашего текущего кода. Я настоятельно рекомендую использовать в свойстве name только символы из набора [a-zA-Z0-9] и начинать имя с буквы. Пробелы внутри имени не допускаются (см. здесь и здесь ).

Кстати, параметр imgpath устарел , так как многие jqGrid выпускают, и вы должны удалить его.