luci-base: batch DOM updates to prevent slowdown

Signed-off-by: Olli Asikainen <olli.asikainen@gmail.com>
This commit is contained in:
Olli Asikainen 2021-06-30 02:03:00 +03:00 committed by Jo-Philipp Wich
parent b6ca2947e9
commit f919635310

View file

@ -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]);