JQGrid网格无法正常刷新,方法GridUnload似乎意外工作

时间:2012-11-01 08:43:34

标签: jquery jqplot

发生意外问题刷新现有JQGrid时:网格首次显示没有问题,然后用户将新数据应用于网格,标题和数据表以及网格分页器消失:

    $("#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();”来清除它。

我很难搞清楚,不知道是什么让它发生了?有人可以帮我吗?

1 个答案:

答案 0 :(得分:0)

经过多次尝试,我解决了这个问题。对于我的情况,如果网格需要有固定的宽度和高度,并且当其列太多时显示水平滚动条,就像下面设置jqGrid的方式一样:

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

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

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

我不知道为什么会解决它,但无论如何,它有效。