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'});
}

强制使用表单中的滚动条，或使用相同的form.FormGrid更改overflow: scroll的CSS。

您可以尝试使用“编辑/添加”选项的height和width属性的不同值（请参阅the documentation）。

您可以通过设置cols和rows属性来解决问题：

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

表示相应的列（请参阅the documentation）

jqGrid：如果所有字段都不适合屏幕，如何进行表单编辑

1 个答案: