Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-base: batch DOM updates to prevent slowdown

Browse source 
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
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
modules/luci-base/htdocs/luci-static/resources/cbi.js
View file

@ -752,7 +752,7 @@ function cbi_update_table(table, data, placeholder) {
});
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) {
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));
if (rows[n])
target.replaceChild(trow, rows[n]);
else
target.appendChild(trow);
trows[n] = 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])
target.removeChild(rows[n]);