jquery - 如何在jqgrid中设置选项？

Question

我需要为 Jqgrid 设置选项，例如 toppager、forceFit，其中“可以更改吗？”值设置为“否”，因此我厌倦了通过这种方式添加它来设置

jQuery(document).ready(function () {
    jQuery("#list").setGridParam({
        forceFit: true,
        toppager: true
    }).trigger("reloadGrid");
    jQuery("#list").jqGrid({
        url: '<%= Url.Action("GridData") %>',
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Time', 'Description', 'Category', 'Type', 'Originator', 'Vessel'],
        colModel: [{
            name: 'Time',
            index: 'Time',
            width: 200,
            align: 'left'
        }, {
            name: 'Description',
            index: 'Description',
            width: 600,
            align: 'left'
        }, {
            name: 'Category',
            index: 'Category',
            width: 100,
            align: 'left'
        }, {
            name: 'Type',
            index: 'Type',
            width: 100,
            align: 'left'
        }, {
            name: 'Originator',
            index: 'Originator',
            width: 100,
            align: 'left'
        }, {
            name: 'Vessel',
            index: 'Vessel',
            align: 'left'
        }],
        pager: jQuery('#pager'),
        rowNum: 20,
        rowList: [10, 20, 50],
        sortname: 'Time',
        sortorder: "desc",
        viewrecords: true,
        hoverrows: false,
        gridview: true,
        emptyrecords: 'No data for the applied filter',
        height: 460,
        caption: 'Logbook Grid',
        //forceFit: true,
        width: 1200
    });
});

但它不起作用，你可以让我知道我到底做错了什么还是正确的方法？

Answer 1

首先，在创建网格之前(在 jQuery("#list").jqGrid({...}) 之前)尝试设置 jQuery("#list").setGridParam() 的 jqGrid 参数.

在 setGridParam 方面，您无法更改 jqGrid 的每个 jqGrid 参数。您可以在jqGrid选项表http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options中找到setGridParam支持的参数列表。 (请参阅最后一栏“可以更改吗？”)。

在您的情况下，您应该在创建 jqGrid 期间轻松将forceFit: true, toppager: true 添加到 jqGrid 选项列表中:

jQuery(document).ready(function() {
    jQuery("#list").jqGrid({
        url: '<%= Url.Action("GridData") %>',
        datatype: 'json',
        mtype: 'GET',
        forceFit: true,
        toppager: true
        colNames:['Time', 'Description', 'Category', 'Type', 'Originator', 'Vessel'],
        ...
    });
});

另一个典型的初学者错误是没有包含 CSS 文件或 JS 文件的顺序错误。验证您没有犯此类错误(请参阅 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_to_install )。

我希望 jqGrid 在此更改后能够正常工作。