jQuery MiniUI

标题: create tree 使用方式三:Javascript对象(loadList),在IE中性能差 [打印本页]

作者: loojacob    时间: 2018-8-7 21:59:31     标题: create tree 使用方式三:Javascript对象(loadList),在IE中性能差

本帖最后由 loojacob 于 2018-8-7 22:01 编辑

create tree 使用方式三:Javascript对象(loadList),在IE中性能差,F12的性能分析发现,有十几秒的DOM访问,测试的节点数为5W左右。
截图:

[attach]11189[/attach]

[attach]11190[/attach]
请问有什么优化的建议?





作者: felt    时间: 2018-8-8 09:04:13

大数据的情况下,请使用虚拟滚动
tree设置virtualScroll="true" ,并且树需要有固定的高度。
作者: loojacob    时间: 2018-8-8 11:51:27

按照您的方法设置后,展开节点确实不卡了。
但大数据的情况下,IE浏览器载入页面时,还是很慢。
chrome浏览器会比较快。
DOM操作时间久的话,用lazy tree可以解决吗?

regards!
作者: felt    时间: 2018-8-8 13:25:11

loojacob 发表于 2018-8-8 11:51
按照您的方法设置后,展开节点确实不卡了。
但大数据的情况下,IE浏览器载入页面时,还是很慢。
chrome浏览 ...

ie本来的性能就不是太好的,比chrome卡是正常额度。的                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
作者: loojacob    时间: 2018-8-8 14:32:37

无奈,项目需要~
lazy tree 可以有virtualScroll="true"这个属性吗?
作者: felt    时间: 2018-8-8 14:37:59

loojacob 发表于 2018-8-8 14:32
无奈,项目需要~
lazy tree 可以有virtualScroll="true"这个属性吗?

可以的。
作者: loojacob    时间: 2018-8-8 15:43:48

felt 发表于 2018-8-8 14:37
可以的。

lazy tree的请求参数中,pageIndex、pageSize、sortField、sortOrder这几个参数如何使用?
有示例吗?
作者: felt    时间: 2018-8-8 17:20:18

loojacob 发表于 2018-8-8 15:43
lazy tree的请求参数中,pageIndex、pageSize、sortField、sortOrder这几个参数如何使用?
有示例吗? ...

没用的,这些是表格用到的,tree不需要的。
作者: loojacob    时间: 2018-8-9 16:34:15

felt 发表于 2018-8-8 17:20
没用的,这些是表格用到的,tree不需要的。

lazy tree中,节点的+号展开后,子节点上,默认全是-号 。
怎么让它默认为+号呢?
作者: felt    时间: 2018-8-9 16:49:10

loojacob 发表于 2018-8-9 16:34
lazy tree中,节点的+号展开后,子节点上,默认全是-号 。
怎么让它默认为+号呢? ...

http://www.miniui.com/demo/#src=tree/lazytree.html
子节点带expanded:false字段就是+的状态




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2