Question

我试图使用带有无限滚动的jquery数据表来显示我服务器中的数据。我在服务器中有大量数据，这是不固定的（每天记录的数量增加，因此没有固定的数据存在多少数据）。我试图在twitter风格的分页中显示它，而不是正常的pagenumbered谷歌风格分页。我的代码如下所示。使用此代码，我可以加载初始数据。但是当滚动到达当前表的末尾并将新结果附加到同一个表时，我找不到任何关于如何触发第二个调用的资源。 dataTables是否提供任何功能来检测滚动结尾。或者我们是否必须编写一个滚动事件并检测滚动条是否已到达表的末尾？

var table = $("#events-table").dataTable({
      "bProcessing": true,
         "bServerSide": true,
         "sScrollY": 100,
          "aoColumns": [
                    { "sTitle": "col1" },
                    { "sTitle": "col2" }
                ]
           "fnServerData": function (sSource, aoData, fnCallback) {
            $.ajax({
                url : “http://linkToAccessServer” + pagenumber,
                type : 'post',
                success : function(data){
                    var tableData = {};
                          tableData.iTotalRecords =  data.totaldata;
                          tableData.aaData = [];
          for(var i = 0; i < data.data.length; i++){
              var tableInnerArray = [];
              tableInnerArray.push(data.data.col1);
            tableInnerArray.push(data.data.col2);
              tableData.aaData.push(tableInnerArray);
          }
            fnCallback(tableData);
        }
        });


      }
  });

Answer 1

你见过https://stackoverflow.com/a/6271466/1923681吗？

我认为这是您案件的解决方案。

希望它有所帮助。

jquery DataTables无限滚动 - 当滚动到达底部时调用函数

1 个答案: