调整大小时对话框内 js-GRID 的不当行为

Question

我在对话框中有一个 js-GRID，当我调整它的大小时，js-GRID 的外观发生了变化。

这是我的 js-GRID 第一次加载时的样子：

loaded js-GRID for the first time

这就是我的 js-GRID 在尝试增加 对话框后的样子：

js-GRID after resizing the dialog

这是我在这个对话框中的 js-GRID 的初始化代码。

$("#DataGrid").dialog({
    minWidth: 1240,
    minHeight: 600
});
$("#DataGrid").jsGrid({
    height: "100%",
    width: "70%",
    filtering: true,
    editing: true,
    inserting: true,
    sorting: true,
    paging: true,
    autoload: true,
    pageSize: 15,
    pageButtonCount: 5,
    datatype: "json",
    deleteConfirm: "Do you really want to delete the row?",
    controller: process_variables,
    ....................................................

如何在加载 js-GRID 和对话框时以及在调整其大小时正确自动调整对话框和 js-GRID 的大小时获得这些默认大小值？

Answer 1

我通过进行以下更改解决了我的问题：

$("#DataGrid").dialog({
    minWidth: 1240,
    minHeight: 600
});
$("#DataGrid").jsGrid({
    height: "auto",
    width: "70%",
    filtering: true,
    editing: true,
    inserting: true,
    sorting: true,
    paging: true,
    autoload: true,
    pageSize: 15,
    pageButtonCount: 5,
    datatype: "json",
    deleteConfirm: "Do you really want to delete the row?",
    controller: process_variables,
    ....................................................

调整大小时对话框内 js-GRID 的不当行为

Misbehavior of a js-GRID inside a dialog while resizing

javascript

jquery

resize

dialog

jsgrid