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

【问题标题】：Jqgrid Setting Options From different Javascript files来自不同 Javascript 文件的 Jqgrid 设置选项
【发布时间】：2011-11-30 10:17:30
【问题描述】：

我想将 jqgrids 的选项集中到一个我的所有网格都可以使用的 javascript 文件中。比如它的sortable、height、width以及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 方法，但在创建网格后无法更改高度、宽度、colModel。

我正在使用 tableToGrid('.table-to-grid', { options });初始化我的网格

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

【问题讨论】：

标签： javascript jqgrid

【解决方案1】：

您可以在GridMain.js 中包含类似的代码

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

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

您也可以放心定义列模板（请参阅here）。

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

【讨论】：