1、简述
如图,需要在页面上实现一个这样的树状图,具体要求如下:
1、最顶层的行的收缩图标为绿色小三角,其余层存在子节点的行的收缩图标为一个朝右的尖括号和一个绿色小三角,无子节点 的行无需图标;
2、点击小三角时,能收缩或展开节点;
3、点击文字所在行(除小三角所在区域)的任何区域能够响应点击事件,且不影响节点收缩状态;
4、每行有全屏的分割线;
5、点击某一行时,该行背景色变成浅灰色,其余行背景色不变;
基于以上的需求,我选用了TreeView插件,通过更改部分源码,实现了一定个性化,且完全满足上述需求。