jQuery MiniUI

标题: 动态创建TreeSelect个数超过200，页面加载很慢。 [打印本页]

作者: 18693297030 时间: 2022-9-6 17:31:57 标题: 动态创建TreeSelect个数超过200，页面加载很慢。

本帖最后由 18693297030 于 2022-9-6 17:39 编辑

如题，请问有没有其他加载方式。
for (var m = 1; m <= 200; m++) {
var select = new mini.TreeSelect();
select.set({
      id: "Row" + "b" + m,
      name: "Row" + "b" + m,
      visible: true,
      width: 230,
      data: r,
      textField: "text",
      valueField: "id",
      parentField: "pid",
      emptyText: "请选择...",
      value: "",
      onbeforenodeselect: "beforenodeselect",
      onvaluechanged: "fillName(this)",
      valueFromSelect: "true"
});
var selEl = select.getEl();
document.getElementById(m).appendChild(selEl);
}
[attach]13677[/attach]
图中为101条数据，耗时大概10秒。

作者: felt 时间: 2022-9-7 18:31:30

批量新增大量控件是有开销的，而且treeselect是一个复杂的下拉控件。而且如果你的数据复杂的话开销更大。我用空数据的treeselect测试，200个也就1-2秒[attach]13680[/attach]

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)