TreeView的图标个性化和动态数据加载

1、简述

如图,需要在页面上实现一个这样的树状图,具体要求如下:

1、最顶层的行的收缩图标为绿色小三角,其余层存在子节点的行的收缩图标为一个朝右的尖括号和一个绿色小三角,无子节点       的行无需图标;

2、点击小三角时,能收缩或展开节点;

3、点击文字所在行(除小三角所在区域)的任何区域能够响应点击事件,且不影响节点收缩状态;

4、每行有全屏的分割线;

5、点击某一行时,该行背景色变成浅灰色,其余行背景色不变


基于以上的需求,我选用了TreeView插件,通过更改部分源码,实现了一定个性化,且完全满足上述需求。

2、TreeView基本分析

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值