TreeView 设置样式

参考微软demo做了 一个类似的demo

     

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="test4_Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h3>
            TreeView Custom Images Example</h3>                              
        <asp:TreeView ID="CustomTreeView" NoExpandImageUrl="../Images/1.png" 
            CollapseImageToolTip="Collapse Node" ExpandImageUrl="../Images/根节点.png" ExpandImageToolTip="Expand Node"
            RootNodeStyle-ImageUrl="../Images/1.png" ParentNodeStyle-ImageUrl="../Images/节点展开.png" LeafNodeStyle-ImageUrl="../Images/节点展开.png"
            ImageSet="Custom" runat="server">
            <Nodes>
                <asp:TreeNode Value="Home" NavigateUrl="Home.aspx" Text="Home" Target="_blank" Expanded="True">
                    <asp:TreeNode Value="Page 1" NavigateUrl="Page1.aspx" Text="Page 1" Target="_blank">
                        <asp:TreeNode Value="Section 1" ImageUrl="custom.jpg" NavigateUrl="Section1.aspx"
                            Text="Section 1" Target="_blank"></asp:TreeNode>
                    </asp:TreeNode>
                    <asp:TreeNode Value="Page 2" Selected="True" NavigateUrl="Page2.aspx" Text="Page 2"
                        Target="_blank"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
</html>


TreeView 设置样式_第1张图片


图片下载

1,

2,

3,

你可能感兴趣的:(TreeView 设置样式)