1

表形式データの無限スクロールを実装するための堅牢な MooTools ベースの JavaScript ライブラリはありますか?

部分的なデータ (おそらく 10000 行) を表示する Excel スプレッドシートを考えてみてください。最初に 500 行を表示し、下にスクロールしてから次の 500 行を読み込みます。さらに、必要に応じて、DOM が大きすぎる場合に備えて「最初の」行を削除する必要がある場合があります。

4

1 に答える 1

0

この種のデータ操作/レンダリングにはライブラリは必要ありません。

データが 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();
}

この同じ関数セットを簡単に変更して、n行のセットを「取得」する ajax 呼び出しを作成し、それらが入ってきたらレンダリングするなどできます。

Mootools は目的を達成するための手段にすぎません。

警告: これはすべてテストされていません。構文エラーの責任は負いません。

于 2012-07-17T17:28:36.917 に答える