TreeView.LineImagesFolder Свойство

Определение

Получает или задает путь к папке, содержащей изображения линий, соединяющих дочерние узлы с родительскими.Gets or sets the path to a folder that contains the line images that are used to connect child nodes to parent nodes.

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

Путь к папке, содержащей изображения линий, используемых для соединения родительских узлов с дочерними.The path to a folder that contains the line images used to connect nodes. По умолчанию используется пустая строка (""), указывающая, что свойство LineImagesFolder не задано.The default is an empty string (""), which indicates that the LineImagesFolder property is not set.

Примеры

В следующем примере кода показано, как использовать LineImagesFolder свойство для указания папки, содержащей изображения линий, отображаемые в TreeView элементе управления.The following code example demonstrates how to use the LineImagesFolder property to specify the folder that contains the line images to display in the TreeView control. Для работы с этим примером используйте средство конструктора строк, чтобы создать набор изображений линий.To work with this example, use the Line Designer tool beforehand to create a set of line images. Поместите их в папку с именем Линеимажес в каталоге для примера приложения.Place them in a folder named LineImages within the directory for the sample application.


<%@ 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Элемент управления может отображать линии, соединяющие дочерние узлы с родительскими, если ShowLines свойство имеет значение true .The TreeView control can display lines that connect child nodes to parent nodes when the ShowLines property is set to true. При отображении строк используйте свойство, LineImagesFolder чтобы указать папку с поддержкой веб-доступа, содержащую набор предварительно визуализированных изображений для использования в строках.When lines are displayed, use the LineImagesFolder property to specify a Web-accessible folder that contains the set of pre-rendered images to use for the lines. В следующей таблице описаны изображения, используемые TreeView элементом управления.The following table describes the images that are used by the TreeView control.

ИзображениеImage ОписаниеDescription
Dash.gifDash.gif Изображение линии, отображаемое рядом с корневым узлом, если в древовидной структуре имеется только один корневой узел, а корневой узел является конечным.A line image displayed next to the root node when there is only one root node in the tree structure and the root node is a leaf.
Dashminus.gifDashminus.gif Значок "минус" (-), отображаемый рядом с корневым узлом, если в древовидной структуре имеется только один корневой узел, указывающий, что корневой узел развернут.A minus sign (-) image displayed next to the root node when there is only one root node in the tree structure to indicate that the root node is expanded.
Dashplus.gifDashplus.gif Значок плюса (+), отображаемый рядом с корневым узлом, если в древовидной структуре имеется только один корневой узел, указывающий, что корневой узел свернут.A plus sign (+) image displayed next to the root node when there is only one root node in the tree structure to indicate that the root node is collapsed.
I.gifI.gif Изображение линии, отображаемое для соединения смежных узлов.A line image displayed to connect adjacent nodes.
L.gifL.gif Изображение линии, отображаемое рядом с последним узлом в ветви, если узел является конечным.A line image displayed next to the last node in a branch when the node is a leaf.
Lminus.gifLminus.gif Изображение линии, отображаемое рядом с последним узлом в ветви для указания, что узел развернут.A line image displayed next to the last node in a branch to indicate that the node is expanded.
Lplus.gifLplus.gif Изображение линии, отображаемое рядом с последним узлом в ветви для указания, что узел свернут.A line image displayed next to the last node in a branch to indicate that the node is collapsed.
Minus.gifMinus.gif Значок "минус" (-), отображаемый рядом с первым корневым узлом в древовидной структуре, содержащей несколько корневых узлов, чтобы указать, что узел развернут.A minus sign (-) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is expanded. Этот образ не содержит дополнительной строки и отображается только после того, как корневой узел был свернут один раз.This image does not contain an extra line and is displayed only after the root node has been collapsed once. При первой загрузке страницы отображается изображение Rminus.gif.When the page is first loaded, the Rminus.gif image is displayed.
Noexpand.gifNoexpand.gif Изображение пустого пространства, отображаемое рядом с конечным узлом.A blank spacer image displayed next to a leaf node. Это изображение позволяет вертикально выровнять текст.This image allows text to line up vertically.
Plus.gifPlus.gif Изображение плюса (+), отображаемое рядом с первым корневым узлом в древовидной структуре, содержащей несколько корневых узлов, чтобы указать, что узел свернут.A plus sign (+) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is collapsed. Этот образ не содержит дополнительной строки и отображается только после того, как корневой узел был развернут один раз.This image does not contain an extra line and is displayed only after the root node has been expanded once. При первой загрузке страницы отображается изображение Rplus.gif.When the page is first loaded, the Rplus.gif image is displayed.
R.gifR.gif Изображение линии, отображаемое рядом с первым корневым узлом в древовидной структуре, содержащей несколько корневых узлов, чтобы указать, что этот узел является конечным.A line image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is a leaf node.
Rminus.gifRminus.gif Значок "минус" (-), отображаемый рядом с первым корневым узлом в древовидной структуре, содержащей несколько корневых узлов, чтобы указать, что узел развернут.A minus sign (-) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is expanded. Этот образ содержит лишнюю строку и отображается только при первой загрузке страницы.This image contains an extra line and is displayed only when the page is first loaded. После того как корневой узел будет свернут, отображается изображение Minus.gif.After the root node has been collapsed once, The Minus.gif image is displayed.
Rplus.gifRplus.gif Изображение плюса (+), отображаемое рядом с первым корневым узлом в древовидной структуре, содержащей несколько корневых узлов, чтобы указать, что узел свернут.A plus sign (+) image displayed next to the first root node in a tree structure that contains multiple root nodes to indicate that the node is collapsed. Этот образ содержит лишнюю строку и отображается только при первой загрузке страницы.This image contains an extra line and is displayed only when the page is first loaded. После того как корневой узел будет развернут один раз, отображается изображение Plus.gif.After the root node has been expanded once, the Plus.gif image is displayed.
T.gifT.gif Изображение линии, отображаемое рядом с узлом в середине древовидной структуры (при t-пересечении), чтобы указать, что узел является конечным.A line image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is a leaf.
Tminus.gifTminus.gif Изображение со знаком "минус" (-), отображаемое рядом с узлом в середине древовидной структуры (при t-пересечении), чтобы указать, что узел развернут.A minus sign (-) image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is expanded.
Tplus.gifTplus.gif Изображение плюса (+), отображаемое рядом с узлом в середине древовидной структуры (при t-пересечении) для указания того, что узел свернут.A plus sign (+) image displayed next to a node in the middle of the tree structure (at a t-intersection) to indicate that the node is collapsed.

Примечание

Если LineImagesFolder свойство не задано, TreeView элемент управления будет использовать встроенные изображения по умолчанию (20 x 20 пикселей).If the LineImagesFolder property is not set, the TreeView control will use the built-in, default images (20 x 20 pixels).

Некоторые визуальные конструкторы, например Microsoft Visual Studio, предоставляют средства для создания изображений линий.Some visual designers, such as Microsoft Visual Studio, provide tools to generate the line images.

Время выполнения не отражает пользовательские образы для отображения справа налево.The run time does not flip custom images for right-to-left displays. Для поддержки веб-страниц с направлением чтения слева направо и справа налево необходимо создавать наборы изображений в обоих направлениях.To support both left-to-right and right-to-left Web pages, you must create image sets for both directions.

Значение этого свойства хранится в состоянии представления.The value of this property is stored in view state.

Применяется к

См. также раздел