TreeView.LineImagesFolder 属性

  • 参考

定义

命名空间:
System.Web.UI.WebControls
程序集:
System.Web.dll

获取或设置文件夹的路径，该文件夹包含用于连接子节点和父节点的线条图像。

public:
 property System::String ^ LineImagesFolder { System::String ^ get(); void set(System::String ^ value); };
public string LineImagesFolder { get; set; }
member this.LineImagesFolder : string with get, set
Public Property LineImagesFolder As String

属性值

String

用于连接各节点的线条图像所属文件夹的路径。 默认值为空字符串 ("")，表示尚未设置 LineImagesFolder 属性。

示例

下面的代码示例演示如何使用 LineImagesFolder 属性来指定包含要显示在 控件中的 TreeView 行图像的文件夹。 若要使用此示例，请事先使用线条设计器工具创建一组线条图像。 将它们放置在示例应用程序的目录中名为 LineImages 的文件夹中。


<%@ Page Language="C#" %>

<!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>TreeView LineImagesFolderUrl Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView LineImagesFolderUrl Example</h3>
      
      <asp:TreeView id="LinksTreeView"
        LineImagesFolder="~\LineImages"
        ShowLines="true" 
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
             SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
            <asp:TreeNode Text="Chapter Two">
            
              <asp:TreeNode Text="Section 2.0">
              
                <asp:TreeNode Text="Topic 2.0.1"/>
                <asp:TreeNode Text="Topic 2.0.2"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>

          <asp:TreeNode Text="Appendix A" />
          <asp:TreeNode Text="Appendix B" />
          <asp:TreeNode Text="Appendix C" />
        
        </Nodes>
        
      </asp:TreeView>

    </form>
  </body>
</html>


<%@ Page Language="VB" %>

<!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>TreeView LineImagesFolderUrl Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView LineImagesFolderUrl Example</h3>
      
      <asp:TreeView id="LinksTreeView"
        LineImagesFolder="~\LineImages"
        ShowLines="true" 
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
             SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
            <asp:TreeNode Text="Chapter Two">
            
              <asp:TreeNode Text="Section 2.0">
              
                <asp:TreeNode Text="Topic 2.0.1"/>
                <asp:TreeNode Text="Topic 2.0.2"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>

          <asp:TreeNode Text="Appendix A" />
          <asp:TreeNode Text="Appendix B" />
          <asp:TreeNode Text="Appendix C" />
        
        </Nodes>
        
      </asp:TreeView>

    </form>
  </body>
</html>

注解

当 TreeView 属性设置为 true时， ShowLines 控件可以显示将子节点连接到父节点的行。 显示线条时，使用 LineImagesFolder 属性指定一个可访问 Web 的文件夹，该文件夹包含要用于线条的预呈现图像集。 下表描述了 控件使用 TreeView 的图像。

映像 说明
Dash.gif 当树结构中只有一个根节点且根节点是叶时，在根节点旁边显示的线条图像。
Dashminus.gif 树结构中只有一个根节点时，在根节点旁边显示一个减号 () 图像，以指示根节点已展开。
Dashplus.gif 当树结构中只有一个根节点时，在根节点旁边显示加号 (+) 图像，指示根节点已折叠。
I.gif 显示用于连接相邻节点的线条图像。
L.gif 当节点为叶时，显示在分支中最后一个节点旁边的线条图像。
Lminus.gif 显示在分支中最后一个节点旁边的线条图像，指示节点已展开。
Lplus.gif 显示在分支中最后一个节点旁边的线条图像，指示该节点已折叠。
Minus.gif 一个减号 () 图像显示在包含多个根节点的树结构中的第一个根节点旁边，以指示节点已展开。 此图像不包含额外的行，仅在根节点折叠一次后显示。 首次加载页面时，将显示Rminus.gif图像。
Noexpand.gif 叶节点旁边显示的空白间隔图像。 此图像允许文本垂直排列。
Plus.gif 一个加号 (+) 图像显示在包含多个根节点的树结构中的第一个根节点旁边，以指示该节点已折叠。 此图像不包含额外的行，仅在根节点展开一次后显示。 首次加载页面时，将显示Rplus.gif图像。
R.gif 树结构中第一个根节点旁边显示的线条图像，该树结构包含多个根节点，指示该节点是叶节点。
Rminus.gif 一个减号 () 图像显示在包含多个根节点的树结构中的第一个根节点旁边，以指示节点已展开。 此图像包含一个额外的行，仅在首次加载页面时显示。 折叠根节点一次后，将显示Minus.gif图像。
Rplus.gif 一个加号 (+) 图像显示在包含多个根节点的树结构中的第一个根节点旁边，以指示该节点已折叠。 此图像包含一个额外的行，仅在首次加载页面时显示。 展开根节点一次后，将显示Plus.gif图像。
T.gif 在树结构中间的节点旁边显示的线条图像 (t 交) 处，以指示该节点是叶。
Tminus.gif 一个减号 () 图像显示在树结构中间的节点旁边， (t 交) 处，以指示节点已展开。
Tplus.gif 一个加号 (+) 图像显示在树结构中间的节点旁边， (t 交) 处，以指示节点已折叠。

注意

LineImagesFolder如果未设置 属性，控件TreeView将使用内置默认图像 (20 x 20 像素) 。

某些可视化设计器（如 Microsoft Visual Studio）提供用于生成线条图像的工具。

运行时不会为从右向左显示翻转自定义图像。 若要同时支持从左到右和从右到左的网页，必须创建两个方向的图像集。

此属性的值存储在视图状态中。

适用于

另请参阅