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

    项目中,经常会见到使用 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>

 

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

 

posted @ 2018-05-24 09:40  ____Peanut  阅读(262)  评论(0编辑  收藏  举报