<返回上一级
html和easyui,移动已经display none的元素会触发重绘重排吗?下有详细
htmleasyui

因为easyui中的panel没有办法动态改变content,所以我只有使用这样的办法
图片说明
直接把一个id叫做relation panel 面板里面的东西直接append到一个面板下面。
但是这种方法有点慢,因为easyui会给他自己类的东西加上很多的dom节点。所以我想着是不是先隐藏一个面板的内容,然后再移动这个面板或者对这个面板进行修改(当然如果只是用在我刚刚使用的方法应该是没有区别的)速度是不是会高很多?

当然,如果大家有什么好方法可以动态改变easyui的panel的内容的话,还请大家不吝赐教!

被采纳

你relation内容多效率提升不了多少。。要么就自己写UI,不用easyui的,不需要生成没必要的dom节点

如果不用重新生成事件而且原来的panel也不显示,可以使用panel中的move方法移动到目标panel下面,假装是这个新panel下的内容。单纯移动一个div效率很高的,我一般也是这样处理一些需要动态展示的panel,先把panel放到看不到的地方初始化,然后在点击事件时再移动到目标位置,然后显示,秒出现。

移动display:none的元素不会触发重绘。这个主要是多个dom操作,减少重绘。先隐藏。全部操作完成,显示时一次重绘。可以提交效率,至于你说的会不会高很多就要看操作复杂度了。