无尽的滚动和过滤JSON数据

时间:2014-06-16 20:56:27

标签: javascript jquery html css json

我最近一直在使用Datatables.net在表格中显示我的JSON数据。我使用它是因为它有一个搜索栏,我可以很容易地过滤数据并且它有分页(显示链接到第1,2,3页等)

我需要一种列表数据的替代解决方案,允许我过滤(搜索栏,将文本与数据匹配)并具有无限滚动。更具体地说,滚动正文或div容器(而不是表格内的滚动)。

我不一定需要一张桌子"但只需要能够为每个数据设置一个方框。如果有人有任何解决方案,我很乐意听到它。

1 个答案:

答案 0 :(得分:0)

@dandavis帮助了这个想法

var tableNumRows = 15, activeForms = $('#the_table').dataTable();

$('#pageContent').bind('scroll', function() {
    if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) {
        var oSettings = activeForms.fnSettings();
        tableNumRows+=15;
        oSettings._iDisplayLength = tableNumRows;
        activeForms.fnDraw();
    }
});