使用TreeView控件时订制树形收起、展开的个性图标

在开发业务逻辑的应用时,TreeView树形控件经常被用到,系统默认显示展开、收起的图标为我们常见的+、-符号图标。如图:


那么如何订制自己的个性图标呢?

我们在MSDN上面可以找到,TreeView控件提供了很多属性可设置,其中有以下这些属性是对该项设置起到关键作用:

1、ShowExpandCollapse:若要显示展开节点指示符,则为 true;否则为 false。 默认值为 true
2、ImageSet:可指定用于 TreeView 控件的图像组
3、NoExpandImageUrl:为不可展开节点所显示的自定义图像的 URL
4、ExpandImageUrl:为可展开节点所显示的自定义图像的 URL
5、CollapseImageUrl:为可折叠节点所显示的自定义图像的 URL

首先ShowExpandCollapse属性设为True,然后将ImageSet 属性设置为 TreeViewImageSet.Custom,再分别为NoExpandImageUrl、ExpandImageUrl、CollapseImageUrl属性设置图片的URL。

代码原文:
<asp:TreeView ID="TreeView1" runat="server" ExpandDepth="1" ShowLines="false" ShowExpandCollapse="true" ImageSet="Custom" ExpandImageUrl="~/img/Expand.png" NoExpandImageUrl="~/img/report_Expand.png" CollapseImageUrl="~/img/Collapse.png" CollapseImageToolTip="折叠" ExpandImageToolTip="展开" EnableViewState="false"></asp:TreeView>  

如图效果:




©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页