Question

我正在使用easyui在datagrid中加载一些数据。网格放置在jsp页面中，然后在页面呈现后立即使用以下函数进行初始化。我希望网格加载特定的页码和页面大小，这就是我设置的原因 pageNumber：selectedPage， pageSize：selectedSize，但是，网格会自动重置：对服务器（Spring MVC）进行正确页面配置的调用，然后立即生成另一个重置网格的调用（默认值为page = 1，page size = 10））。所以我看了1秒正确的页面然后网格移回到第1页。当我试图切断第二个呼叫时根本没有数据出现，而当我添加另一个呼叫（第三个）时，第四个立即出现重置它。

有什么想法吗？提前谢谢。

    <table id="dg" style="width: 940px; display:none;">
        <thead>
            <tr>
                <th
                    data-options="field:'publicationNumber',width:134,sortable:true"
                    formatter="formatPubNumber"><fmt:message key='page.search.form.publicationNo' /></th>
                <th data-options="field:'rightType',width:134,sortable:true"><fmt:message key='page.search.form.ipcRightType' /></th>
                <th data-options="field:'publicationDate',width:124,sortable:true"><fmt:message key='page.search.form.date.publicationDate' /></th>
                <th data-options="field:'ipcClass',width:124,sortable:true"><fmt:message key='page.search.form.ipcCode' /></th>
                <th data-options="field:'applicantHolder',width:124,sortable:true"><fmt:message key='page.search.form.applicant' /></th>
                <th data-options="field:'status',width:114,sortable:true"><fmt:message key='page.search.form.status' /></th>
                <th data-options="field:'uri',hidden:true"></th>
                <th data-options="field:'id',hidden:true"></th>
                <th data-options="field:'format',hidden:true"></th>
                <th data-options="field:'applicationNumber',hidden:true"></th>
                <th data-options="field:'action',width:50" formatter="actionStarFormatter">
                    <fmt:message key='page.search.form.grid.action' /></th>
            </tr>
        </thead>
    </table>


$("#dg").datagrid(
        {
            url : '<c:url value="/search" />',
            scrollbarSize:0,
            fitColumns : true,
            singleSelect : false,
            pagination : true,
            onBeforeLoad : function(data){
                rowIndexToFill = null;
            },
            onLoadSuccess : function(data) {
                  gridDisplay();
            },
            onLoadError : function(result) {
                // empty grid
                $("#dg").datagrid('loadData', {
                    patents: {totalElements : 0, content : []}
                });
                //Remove Refresh button from datagrid pagination 
                $(".pagination-load").closest('td').remove();
            },
            // highlight previously selected row
            rowStyler : function(rowIndex, row) {
                    // do stuff here
            },
            pageNumber: selectedPage,
            pageSize: selectedSize,
            view:groupview,
            groupField:'id',
            groupFormatter:function(value,rows){  
                return rows[0].title;  
            },
            loadFilter : function(result) {
                  // do stuff here
            }
  });

jQuery easyui datagrid页面重置

0 个答案: