jqGrid: как сделать редактирование формы, если все поля не помещаются на экран

Question

jqGrid редактировать и добавлять формы визуализации каждого поля в отдельной строке. Если полей больше, чем умещается на экране, высота редактирования формы больше, чем на экране. Нижние поля редактирования не видны и не могут быть изменены. Размер формы не может быть изменен, так как изменение размера в правом нижнем углу находится вне экрана.

Как разрешить редактирование всех полей? Можно ли визуализировать более одного поля в строке, добавить горизонтальную полосу прокрутки для редактирования формы или другую идею?

        grid.navGrid("#pager", { }, { url: '<%= Url.Action( "Edit", "Grid") %>',
            savekey: [true, 13],
            recreateForm: true, // required for textarea datainit
            closeOnEscape: true,
            closeAfterEdit: true,
            errorTextFormat: function (response) { return response.responseText; },
        }, ...

Answer 1

Вы можете попробовать использовать опцию редактирования / добавления, например

afterShowForm: function($form) {
    $form.css({overflow: 'scroll'});
}

для принудительного использования полосы прокрутки в форме или для изменения CSS для form.FormGrid с тем же значением overflow: scroll.

Вы можете попытаться использовать различные значения height и width свойства опции Edit / Add (см. документацию ).

Вероятно, вы можете решить проблему, просто установив атрибуты cols и rows:

edittype:'textarea', editoptions: {rows:"10",cols:"80"}

для соответствующего столбца (см. документацию )