easyui中tree型控件不正常显示的处理方法

时间:2023-03-08 20:59:43
easyui中tree型控件不正常显示的处理方法

我在使用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>