当前位置:  开发笔记 > 编程语言 > 正文

如何在list.js分页中使用"next"和"previous"按钮而不是数字?

如何解决《如何在list.js分页中使用"next"和"previous"按钮而不是数字?》经验,为你挑选了1个好方法。

我有一个有很多行的表.因此我决定使用list.js(分页).但是我不希望数字作为网页,但一nextprevious按钮,我可以单独样式(或让引导到工作).



var list = new List('item-table', {
    valueNames: ['item'],
    page: 10,
    plugins: [ListPagination({})]
});

这可能与库(我没有在文档中找到任何有用的东西)或我是否必须使用其他东西?

我尝试了roll的解决方案.我现在说错了Cannot read property 'childNodes' of undefined.添加时,此错误消失了

    .但是,当尝试访问列表的show方法时,我再次收到错误:Cannot read property 'show' of undefined

    新的JS代码

    $(document).ready(function() {
            //var options = {
            //    valueNames: ['einheit'],
            //    page: 13,
            //    plugins: [ListPagination({})]
            //}
    
            var list = new List('item-table', {
                valueNames: ['item'],
                page: 10,
                plugins: [ListPagination({})]
            });
    
            var i = 1;
    
            $('.next').on('click', function () {
                console.log("next");
                i++;
                list.show(i, 10);
            });
    
            $('.prev').on('click', function () {
                console.log("prev");
                i--;
                list.show(i, 10);
            });
        });
    

    HTML代码

    
    

    roll.. 5

    舒尔.阅读文档,你只需要创建你的按钮和jquery就可以了

    http://www.listjs.com/docs/list-api

        var i = 1;
                $('.next').on('click', function(){
                    i++;
                    listObj.show(i, 3); 
                })
    
                $('.prev').on('click', function(){
                    i--;
                    listObj.show(i, 3); 
                })
    

    如果有效,请告诉我.



    1> roll..:

    舒尔.阅读文档,你只需要创建你的按钮和jquery就可以了

    http://www.listjs.com/docs/list-api

        var i = 1;
                $('.next').on('click', function(){
                    i++;
                    listObj.show(i, 3); 
                })
    
                $('.prev').on('click', function(){
                    i--;
                    listObj.show(i, 3); 
                })
    

    如果有效,请告诉我.

    推荐阅读
    李桂平2402851397
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有