1

I have a js-GRID inside a dialog and when I resize it the appearance of js-GRID changes.

This is how my js-GRID looks like when loaded for the first time:

loaded js-GRID for the first time

And this is how my js-GRID looks like after trying to INCREASE the dialog:

js-GRID after resizing the dialog

This is the initialization code of my js-GRID inside this dialog.

$("#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,
    ....................................................

How can I have those default size values for both js-GRID and dialog when loading it and at the same time when resizing it to autoresize both dialog and js-GRID properly?

4

1 回答 1

0

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

$("#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,
    ....................................................
于 2017-09-13T14:03:53.487 回答