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>

posted @ 2015-07-05 16:52  虚空境界  Views(1189)  Comments(0Edit  收藏  举报