Question

我想将我的jqgrids的选项集中到一个我的网格可以使用的javascript文件中。如果它的可排序，高度，宽度和方法如onSelectRow和loadComplete。然后我想在不同的javascript文件中加载特定于该网格的选项，例如colModel，标题和排序顺序，例如

GridMain.js

datatype: 'local',
height: 'auto',
width: 'auto',
pager: $('#pager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortorder: "asc",
viewrecords: true,
sortable: true,
onSelectRow: function (id) {
    //redirect to brand details page
    document.location.href = url + id;
}

UserGrid.js

colModel: [
            { name: 'Id', index: 'Id', hidden: true, key: true },
            { name: 'Name', index: 'Name', width: 250, align: 'left' },
            { name: 'Disabled', index: 'Deleted', width: 100, align: 'left' },
            { name: 'Actions', index: 'Actions', width: 150, align: 'center', sortable: false, title: false}],
    sortname: 'Name',
    caption: "Users"
});

我尝试了很多不同的方法，似乎无法弄明白。我尝试使用setGridParam方法，但是在创建网格后不能更改height，width，colModel。

我正在使用tableToGrid（'。table-to-grid'，{options}）;初始化我的网格

任何帮助将不胜感激。谢谢

Answer 1

您可以在GridMain.js代码中加入

$.extend($.jgrid.defaults, {
    datatype: 'local',
    viewrecords: true,
    height: 'auto',
    ...
});

（有关详细信息，请参阅here。）

您还可以配置定义列模板（请参阅here）。

我建议您不要使用tableToGrid，最好直接创建jqGrid。

Jqgrid设置选项来自不同的Javascript文件

1 个答案: