您的位置:首页 > 其它

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

2017-03-30 16:30 162 查看
在开发业务逻辑的应用时,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>  

如图效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐