0

刷新已有的JQGrid时出现意外问题：第一次grid显示没有问题，然后用户将新数据应用到grid，表头和数据表，grid的pager消失：

    $("#grid").GridUnload();

    grid = jQuery("#grid").jqGrid({
        data : response.list,
        datatype : "local",
        colNames : columnNames,
        colModel : [ {
            name : 'column1',
            index : 'column1',
            width : 100,
            sorttype : 'text'
        }, {
            name : 'column2',
            index : 'column2',
            width : 100,
            sorttype : 'text'
        }, {
            name : 'column3',
            index : 'column3',
            width : 100,
            sorttype : 'text'
        }, {
            name : 'column4',
            index : 'column4',
            width : 100,
            sorttype : 'text'
        } ],
        rowNum : 30,
        width : $("#grid").width(),
        height : $("#grid").height(),
        rowList : [ 30, 100, 150 ],
        pager : "#gridPage",
        sortname : 'column1',
        viewrecords : true,
        sortorder : "desc",
        shrinkToFit : false,
        rownumbers : true,
        altRows : true,
        caption : "Sample Grid",
    });

    jQuery("#grid").jqGrid('navGrid', "#gridPage", {
        edit : false,
        add : false,
        del : false,
        search : false,
        refresh : false
    });

    jQuery("#grid").jqGrid('setGroupHeaders', {
        useColSpanStyle : true,
        groupHeaders : [ {
            startColumnName : 'column1',
            numberOfColumns : 2,
            titleText : 'MergedColumn1'
        }, {
            startColumnName : 'column3',
            numberOfColumns : 2,
            titleText : 'MergedColumn2'
        } ]
    });

在这里，如您所见，在创建新的 JQGrid 网格之前，我使用方法 ' $("#grid").GridUnload();' 来清除它。

我很难弄清楚，也不知道是什么导致了它发生？有人可以帮我吗？

4

1 回答 1

0

经过多次尝试，我解决了这个问题。就我而言，如果网格需要有固定的宽度和高度，并且当它的列太多时显示水平滚动条，就像下面设置jqGrid的方法一样：

grid= jQuery("#grid_id").jqGrid({
    width : 1000,
    height: 800,
    shrinkToFit: false,
});

确保网格正常工作的最重要的事情是您应该将 THML 配置 'align="center"' 添加到网格附加的表中。

<table id="grid_id" align="center"></table>

我不知道为什么这可以解决它，但无论如何，它有效。

于 2012-11-07T09:00:20.593 回答