龙猫12138
2018-07-05 00:59
采纳率: 62.9%
浏览 1.7k

html和easyui,移动已经display none的元素会触发重绘重排吗?下有详细

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳

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

    点赞 打赏 评论
  • 迷路的公民 2018-07-05 02:42

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

    点赞 打赏 评论
  • smallerCoder 2018-07-05 02:51

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

    点赞 打赏 评论

相关推荐 更多相似问题