表形式データの無限スクロールを実装するための堅牢な MooTools ベースの JavaScript ライブラリはありますか?
部分的なデータ (おそらく 10000 行) を表示する Excel スプレッドシートを考えてみてください。最初に 500 行を表示し、下にスクロールしてから次の 500 行を読み込みます。さらに、必要に応じて、DOM が大きすぎる場合に備えて「最初の」行を削除する必要がある場合があります。
表形式データの無限スクロールを実装するための堅牢な MooTools ベースの JavaScript ライブラリはありますか?
部分的なデータ (おそらく 10000 行) を表示する Excel スプレッドシートを考えてみてください。最初に 500 行を表示し、下にスクロールしてから次の 500 行を読み込みます。さらに、必要に応じて、DOM が大きすぎる場合に備えて「最初の」行を削除する必要がある場合があります。
この種のデータ操作/レンダリングにはライブラリは必要ありません。
データが 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 は目的を達成するための手段にすぎません。
警告: これはすべてテストされていません。構文エラーの責任は負いません。