jPList - jQuery 数据网格控制 jPList 页面跳转

Posted

技术标签:

【中文标题】jPList - jQuery 数据网格控制 jPList 页面跳转【英文标题】:jPList - jQuery Data Grid Controls jPList page jumps 【发布时间】:2016-09-06 12:23:18 【问题描述】:

我正在使用来自 http://jplist.com/

我遇到的问题是,当我点击页码或任何过滤器时,pege 会跳到顶部,我有解决此问题的方法。

这是我现在所拥有的

<div class="jplist-drop-down"
            data-control-type="items-per-page-drop-down"
            data-control-name="paging"
            data-control-action="paging"
            data-control-animate-to-top="true">
              <ul>
                <li><span data-number="4"> 4 po strani </span></li>
                <li><span data-number="8"> 8 po strani </span></li>
                <li><span data-number="16" data-default="true"> 16 po strani </span></li>
                <li><span data-number="24"> 24 po strani </span></li>
                <li><span data-number="all"> Prikaži sve </span></li>
              </ul>
            </div>

在下拉菜单中我点击任何值页面跳转

【问题讨论】:

【参考方案1】:

动画到顶部 - 由控件中的data-control-animate-to-top="true" 属性启用。

更多与动画到顶部相关的选项:

animateToTop: 'html, body'
animateToTop: 0 //in milliseconds (1000 ms = 1 sec)

更多选项see the documentation。

【讨论】:

以上是关于jPList - jQuery 数据网格控制 jPList 页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

JPList 插件仅在第一个 JQuery UI 选项卡上触发

带有ajax调用的慢TTFB

重新加载后设置 jplist-drop-down 的值

jQuery EasyUI:使数据网格在边框布局中可调整大小

初始化jplist后如何添加复选框过滤器项

雷林鹏分享:jQuery EasyUI 数据网格 - 创建属性网格