![easyui中tree型控件不正常显示的处理方法 easyui中tree型控件不正常显示的处理方法](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
我在使用easyui中的tree控件时,出现不正常显示的现象,比如li中不能使用自定义的图标、父级展开或关闭时,其子级仍然显现并出现重叠等。找了很多资料,都没解决这个问题,后来逐个对照官方的源码,才找到解决方法和原因。
1、li中不能使用自定义的图标,总是显示文件夹或文件这两个默认图标,是easyui.css和icon.css的引用顺序引起的。正确的引用顺序是先引用easyui.css,然后引用icon.css,一旦将这两者的引用顺序颠倒,就不能使用li中 data-options="iconCls:'icon-XXX'"所指定的自定义图标了。
2、父级展开或关闭时,其子级会出现重叠,是由于父级li内的文字没有加在<span>标签内的缘故。
如<li>一级目录</li>就需改为:
<li><span>一级目录</span></li>