addRow插入表格数据性能问题

1.样例说明

在表格添加数据时,一般会采用addRow事件进行添加,一旦数据量比较大时,循环遍历添加则会出现性能问题

2.问题描述

2.1 循环addRow添加100行数据耗时(业务可能有afterAddrow事件会影响性能
addRow 100条数据耗时

2.2 setGridData添加1000条数据耗时
setGridData 100条数据耗时

2.3 做好分页–表格不分页做大数据量插入时会构造大量dom元素影响性能,建议使用分页
分页配置

3.解决方案

3.1 获取数据:

	var startTime = new Date().getTime();
	var data = waf("#editGrid").wafGrid("getAllRowData");
	for(var i = 1; i < 100; i++){
			data[i] = data[0];
	}

3.2 setGridData接口设置表格数据

	waf("#editGrid").wafGrid("setGridData",data);

相关样例