Jquery JqGrid-在loadComplete事件中触发重新加载

如果页面号高于loadComplete事件中的总页面数，我希望能够重新加载jqgrid。我正在将网格设置保存到浏览器本地存储中，如以下回答所示-

我添加了一个调用来触发网格的重新加载，并将页面设置回1，但在loadComplete方法中似乎不起作用。我已经调试了代码，并调用了该方法

Javascript：（重要部分是jqGrid定义中的loadComplete函数）

$（文档）.ready（函数（）{
var$grid=$（“#grid”），
厘米=[
{name:'Id'，index:'Id'，width:120，align:'left'，editable:false，sortable:true，hidded:true，hiddedlg:true，Key:true}，
{name:'Status'，index:'Status'，width:80，align:'left'，editable:false，sortable:true，hidded:true，hiddedlg:false，Key:false}，
{name:'Reference'，index:'Reference'，width:80，align:'left'，editable:false，sortable:true，hidded:false，hiddedlg:false，Key:false}，
{name:'CustomerReference'，index:'CustomerReference'，width:140，align:'left'，可编辑：false，可排序：true，hidded:false，hiddedlg:false，Key:false}，
{name:'Logged'，index:'Logged'，width:100，align:'left'，editable:false，sortable:true，hiddedlg:false，Key:false}
],
saveObjectInLocalStorage=函数（storageItemName，对象）{
if（typeof window.localStorage！=“未定义”）{
setItem（storageItemName，JSON.stringify（object））；
}
},
removeObjectFromLocalStorage=函数（storageItemName）{
if（typeof window.localStorage！=“未定义”）{
window.localStorage.removietem（storageItemName）；
}
},
getObjectFromLocalStorage=函数（storageItemName）{
if（typeof window.localStorage！=“未定义”）{
返回$.parseJSON（window.localStorage.getItem（storageItemName））；
}
},
myColumnStateName=函数（网格）{
返回window.location.pathname+'#'+grid[0].id；
},
saveColumnState=函数（perm）{
var colModel=this.jqGrid（'getGridParam'，'colModel'），i，l=colModel.length，colItem，cmName，
postData=this.jqGrid（'getGridParam'，'postData'），
列状态={
搜索：this.jqGrid（'getGridParam'，'search'），
page:this.jqGrid（'getGridParam'，'page'），
sortname:this.jqGrid（'getGridParam'，'sortname'），
sortorder:this.jqGrid（'getGridParam'，'sortorder'），
rowNum:this.jqGrid（'getGridParam'，'rowNum'），
排列：排列，
colStates:{}
},
colStates=columnsState.colStates；
if（typeof（postData.filters）！=‘未定义’）{
columnsState.filters=postData.filters；
}
对于（i=0；i$（this.jqGrid（'getGridParam'，'lastpage'））{
警报（'reloading'）；//此消息显示
$（this.trigger（'reloadGrid'，[{page:1}]）；//这不会刷新网格
}
}
}).navGrid（“#gridPager”，{edit:false，add:false，del:false，refresh:false，search:false}）；
$grid.jqGrid（'navbuttonad'，'gridPager'{
按钮图标：“ui图标闭合粗”，
标题：“重置设置”，
标题：“重置设置”，
onclick按钮：函数（）{
removeObjectFromLocalStorage（myColumnStateName（$grid））；
$grid.unbind（'SaveSettings'）；
window.location.reload（）；
}
});
$grid.jqGrid（'nav
$(document).ready(function() {          
    var $grid = $('#grid'),
    cm = [ 
        { name: 'Id', index: 'Id', width: 120, align: 'left', editable: false,sortable: true,hidden: true,hidedlg: true,Key: true}, 
        { name: 'Status', index: 'Status', width: 80, align: 'left', editable: false,sortable: true,hidden: true,hidedlg: false,Key: false}, 
        { name: 'Reference', index: 'Reference', width: 80, align: 'left', editable: false,sortable: true,hidden: false,hidedlg: false,Key: false}, 
        { name: 'CustomerReference', index: 'CustomerReference', width: 140, align: 'left', editable: false,sortable: true,hidden: false,hidedlg: false,Key: false}, 
        { name: 'Logged', index: 'Logged', width: 100, align: 'left', editable: false,sortable: true,hidden: false,hidedlg: false,Key: false}
     ],
     saveObjectInLocalStorage = function (storageItemName, object) {
         if (typeof window.localStorage !== 'undefined') {
             window.localStorage.setItem(storageItemName, JSON.stringify(object));
         }
     },
     removeObjectFromLocalStorage = function (storageItemName) {
         if (typeof window.localStorage !== 'undefined') {
             window.localStorage.removeItem(storageItemName);
         }
     },
     getObjectFromLocalStorage = function (storageItemName) {
         if (typeof window.localStorage !== 'undefined') {
             return $.parseJSON(window.localStorage.getItem(storageItemName));
         }
     },
     myColumnStateName = function (grid) {
         return window.location.pathname + '#' + grid[0].id;
     },
     saveColumnState = function (perm) {
         var colModel = this.jqGrid('getGridParam', 'colModel'), i, l = colModel.length, colItem, cmName,
         postData = this.jqGrid('getGridParam', 'postData'),
         columnsState = {
             search: this.jqGrid('getGridParam', 'search'),
             page: this.jqGrid('getGridParam', 'page'),
             sortname: this.jqGrid('getGridParam', 'sortname'),
             sortorder: this.jqGrid('getGridParam', 'sortorder'),
             rowNum: this.jqGrid('getGridParam', 'rowNum'),
             permutation: perm,
             colStates: {}
         },
         colStates = columnsState.colStates;

         if (typeof (postData.filters) !== 'undefined') {
             columnsState.filters = postData.filters;
         }

         for (i = 0; i < l; i++) {
             colItem = colModel[i];
             cmName = colItem.name;
             if (cmName !== 'rn' && cmName !== 'cb' && cmName !== 'subgrid') {
                 colStates[cmName] = {
                     width: colItem.width,
                     hidden: colItem.hidden
                 };
             }
         }
         saveObjectInLocalStorage(myColumnStateName($grid), columnsState);
     },
     myColumnsState,
     isColState,
     restoreColumnState = function (colModel) {
         var colItem, i, l = colModel.length, colStates, cmName,
         columnsState = getObjectFromLocalStorage(myColumnStateName($grid));

         if (columnsState) {
             colStates = columnsState.colStates;
             for (i = 0; i < l; i++) {
                 colItem = colModel[i];
                 cmName = colItem.name;
                 if (cmName !== 'rn' && cmName !== 'cb' && cmName !== 'subgrid') {
                     colModel[i] = $.extend(true, {}, colModel[i], colStates[cmName]);
                 }
             }
         }
         return columnsState;
    },
    firstLoad = true;

    myColumnsState = restoreColumnState(cm);
    isColState = typeof (myColumnsState) !== 'undefined' && myColumnsState !== null;

    $grid.bind('SaveSettings', function() { saveColumnState.call($grid, $grid.jqGrid('getGridParam', 'remapColumns')); });
    $grid.jqGrid({url: '/Databind/',
        datatype: 'json',
        mtype: 'GET',
        height: '100%', 
        width: 940, 
        shrinkToFit: false, 
        colModel: cm,
        rowNum: isColState ? myColumnsState.rowNum : 15,
        rowList: [5,10,15,30,50],
        pager: $('#gridPager'),
        page: isColState ? myColumnsState.page : 1,
        sortname: isColState ? myColumnsState.sortname : 'BillingRecordId',
        sortorder: isColState ? myColumnsState.sortorder : 'asc',
        search: isColState ? myColumnsState.search : false,
        viewrecords: true,
        loadComplete: function () {
            if (firstLoad) {
                firstLoad = false;
                if (isColState) {
                    $(this).jqGrid('remapColumns', myColumnsState.permutation, true);
                }
             }
             saveColumnState.call($(this), this.p.remapColumns);

             if($(this).jqGrid('getGridParam', 'page') > $(this).jqGrid('getGridParam', 'lastpage')) {
                 alert('reloading'); //this message shows
                 $(this).trigger('reloadGrid', [{ page: 1}]); //this doens't refresh the grid
              }

          }
     }).navGrid('#gridPager', { edit: false, add: false, del: false, refresh: false, search: false });

    $grid.jqGrid('navButtonAdd', '#gridPager', {
        buttonicon: 'ui-icon-closethick',
        caption: 'Reset Settings',
        title: 'Reset Settings',
        onClickButton: function () {
            removeObjectFromLocalStorage(myColumnStateName($grid));
            $grid.unbind('SaveSettings');
            window.location.reload();
        }
    });

    $grid.jqGrid('navButtonAdd', '#gridPager', {
        buttonicon: 'ui-icon-transferthick-e-w',
        caption: 'Choose Columns',
        title: 'Choose Columns',
        onClickButton: function () {
            $(this).jqGrid('columnChooser', {
                done: function (perm) {
                    if (perm) {
                        this.jqGrid('remapColumns', perm, true);
                        saveColumnState.call(this, perm);
                    }
                 }  
             });
         }
     });
});

$(window).unload( function () { $('#grid').trigger('SaveSettings'); });

loadComplete: function () {
    if (firstLoad) {
        firstLoad = false;
        if (isColState) {
            $(this).jqGrid('remapColumns', myColumnsState.permutation, true);
        }
    }
    saveColumnState.call($(this), this.p.remapColumns);

    var lastPage = $(this).jqGrid('getGridParam', 'lastpage');
    var page = $(this).jqGrid('getGridParam', 'page');
    if(lastPage > 0 && page > lastPage) {                    
        setTimeout(function () { $('#grid').trigger('reloadGrid', [{ page: 1}]); },150);
    }
}

function reloadGridIfPageIsBeyondLast() {
    if($(this).jqGrid('getGridParam', 'page') > $(this).jqGrid('getGridParam', 'lastpage')) {
        $(this).trigger('reloadGrid', [{ page: 1}]);
    }
}

$('#grid').jqGrid('setGridParam', { 
    ajaxGridOptions: {
        complete: reloadJqGridIfPagePastLast
    }
}