Question

是否有一个强大的基于MooTools的JavaScript库来实现表格数据的无限滚动？

因此，想想一个显示部分数据的Excel电子表格（可能是10000行） - 我们最初显示500行，向下滚动然后加载下500行。此外，根据需要，我们可能需要关闭“第一”行，以防dom太大。

Answer 1

您不需要用于此类数据操作/渲染的库。

如果您的数据包含在javascript数组中：

var dataArray = [
    [1, 5, 7, 9],
    [3, 6, 2, 86],
    [77, 3, 5, 14],
    ...
];

您只需遍历数组并根据需要渲染行。

function renderRows(startIndex, endIndex) {
    dataArray.slice(startIndex, endIndex);
    var numRows = dataArray.length;
    for(x=0;x<numRows;x++) {
        renderRow(dataArray[x]);
    }
}

function renderRow(data) {
    new Element('tr', {
        // ...
    }).inject(table);
}

同样，如果你需要修剪表格：

function pruneTable(number) {
    // assuming "table" is defined elsewhere and points to the <table> element
    var rows = table.getElements('tr');
    for(x=0;x<number;x++) rows[x].destroy();
}

可以轻松修改同一组函数，使ajax调用“获取”一组 n 行，并在它们进入时进行渲染，等等。

Mootools不是结束，它是一种简单的手段来结束！

警告：这都是未经测试的。我对任何语法错误不承担任何责任！

MooTools表格数据的无限滚动

1 个答案: