luci-base: batch DOM updates to prevent slowdown
Signed-off-by: Olli Asikainen <olli.asikainen@gmail.com>
This commit is contained in:
parent
b6ca2947e9
commit
f919635310
1 changed files with 9 additions and 5 deletions
|
@ -752,7 +752,7 @@ function cbi_update_table(table, data, placeholder) {
|
||||||
});
|
});
|
||||||
|
|
||||||
if (Array.isArray(data)) {
|
if (Array.isArray(data)) {
|
||||||
var n = 0, rows = target.querySelectorAll('tr, .tr');
|
var n = 0, rows = target.querySelectorAll('tr, .tr'), trows = [];
|
||||||
|
|
||||||
data.forEach(function(row) {
|
data.forEach(function(row) {
|
||||||
var trow = E('tr', { 'class': 'tr' });
|
var trow = E('tr', { 'class': 'tr' });
|
||||||
|
@ -770,12 +770,16 @@ function cbi_update_table(table, data, placeholder) {
|
||||||
|
|
||||||
trow.classList.add('cbi-rowstyle-%d'.format((n++ % 2) ? 2 : 1));
|
trow.classList.add('cbi-rowstyle-%d'.format((n++ % 2) ? 2 : 1));
|
||||||
|
|
||||||
if (rows[n])
|
trows[n] = trow;
|
||||||
target.replaceChild(trow, rows[n]);
|
|
||||||
else
|
|
||||||
target.appendChild(trow);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
for (var i = 1; i < n; i++) {
|
||||||
|
if (rows[i])
|
||||||
|
target.replaceChild(trows[i], rows[i]);
|
||||||
|
else
|
||||||
|
target.appendChild(trows[i]);
|
||||||
|
}
|
||||||
|
|
||||||
while (rows[++n])
|
while (rows[++n])
|
||||||
target.removeChild(rows[n]);
|
target.removeChild(rows[n]);
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue