解决jqGrid中，当前页一直显示为0的问题

Posted 2020-11-08 ____Peanut

    项目中，经常会见到使用 jqGrid 进行一些数据的列表展示，而且使用起来也比较方便。但是有时会遇到一些奇怪的问题，比如前几天我就遇到了在使用 jqGrid 时，当前页一直显示为 0 的问题。下图就是问题的效果图，数据有多条，每页展示10条，分4页展示，但是点击下一页，当前页会一直显示为 0 。

后来，我找到了一种解决方法，该解决方法的简单思路就是先获取到当前页的页码，然后再赋值给文本框进行显示。

下面就是解决该问题的代码。

gridComplete: function () {
    var currentPage=$("#jqgrid").jqGrid("getGridParam","page");  //获取当前页码
    $(".ui-pg-input").val(currentPage);
},

代码中的  #jqgrid 为列表展示的table的id。

<div class="row">
    <article class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
        <table id="jqgrid"></table>
    </article>
</div>

 

最后，该问题得到了解决。显示效果恢复正常。