如何从数据表滚动扩展中获取显示行？

Question

当对数据表使用Scroller 扩展时，您没有分页，而是一个滚动条中的所有行。我想知道，向下滚动表格后会触发什么事件，例如请参阅第 50-60 行，共 100 行。我还需要知道如何从数据表中取出这 10 行。我正在使用最新版本。非常感谢。

这是您从 Datatable.net 中的当前页面获取行的方式没有Scroller 扩展。

drawCallback: function (settings) {
    var api = new $.fn.dataTable.Api(settings);

    // Output the data for the visible rows to the browser's console
    console.log(api.rows({ page: 'current' }).data().length);
}

更新 1：我的 Scroller 表初始化：

initScrollerTable = function ($table, url, inclFilter, dataTableOptionsSpecific) {
    $.ajax({
        method: "POST",
        url: url,
        data: dataParameterHelper.getCommonData(),
        dataType: "json"
    })
    .done(function (rows) {
        var dataTableOptions = $.extend(
            {},
            { data: rows },
            dataTableOptionsSpecific
        );

        initTable($table, inclFilter, dataTableOptions);
    });
};

更新 2 更深入地阐述澄清问题的原始原因。

好吧，长话短说。我的表包含 26000 行，加载它需要 7 分钟。它包含大量数据库调用，JSON 大小为 21MB！我想优化它。 第一次尝试：我将我的 json 降到了绝对最小值，使其降至 1.5MB，但仍然几乎花费了7mins。在第二次测试中，它包含所有的 html，带有硬编码的数字/字符串，我做了 0 次 DB 调用。只花了3.5secs!。昨天我不知道我只需要专注于优化我对数据库的调用。 昨天，当我发布原始查询时，我的想法是填充表而不从数据库中提取任何数据，而是以一种延迟加载的方式加载它们。假设我展示了前 10 行。每列有 3 列，我需要为每个单元格调用数据库，总共是 30 倍。所以想法是对（10）个当前行发出 30 个请求，并将占位符替换为实际值。如果你能理解。我仍然会比 26.000 * 3 DB 调用更好:) 为此，我需要连接一个事件以获取 10 个当前行 ID，然后我可以循环发出 30 个 AJAX 请求。所以也许这是我需要的滚动事件，如果有这样的人的话。 但我不知道这是否是个好主意。通常，在您学习最佳实践之前/直到您学习最佳实践之前，“好”的想法只是“好” :) 我想我将开始专注于通过一些内部连接来减少数据库调用，你有什么，检索一个大的结果集，我可以在 15 秒内循环并填充我所有的 26.000（以及后来的 50.000）行！

Answer 1

解决方案

使用xhr 事件处理Ajax 请求，使用page.info() 检索有关表的信息，如下所示。

请注意，在初始化表以处理初始 Ajax 请求之前，需要附加事件处理程序。

$('#example').on('xhr.dt', function ( e, settings, json, xhr ) {
    var api = new $.fn.dataTable.Api(settings);
    var info = api.page.info();

    console.log('Data has been loaded', info);
});

演示

有关代码和演示，请参阅this jsFiddle。