jQuery MiniUI

 找回密码
 立即注册
查看: 2535|回复: 1
打印 上一主题 下一主题

动态创建TreeSelect个数超过200,页面加载很慢。 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2022-9-6 17:31:57 |只看该作者 |倒序浏览
本帖最后由 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);
}

图中为101条数据,耗时大概10秒。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2022-9-7 18:31:30 |只看该作者
批量新增大量控件是有开销的,而且treeselect是一个复杂的下拉控件。而且如果你的数据复杂的话开销更大。我用空数据的treeselect测试,200个也就1-2秒
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-11-26 00:39 , Processed in 1.032621 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部