TreeView.LineImagesFolder Свойство

Определение

Получает или задает путь к папке, содержащей изображения линий, соединяющих дочерние узлы с родительскими.

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 управления может отображать строки, соединяющие дочерние узлы с родительскими узлами, если ShowLines для свойства задано значение true. При отображении строк используйте LineImagesFolder свойство, чтобы указать папку с веб-доступом, содержащую набор предварительно отрисованных изображений, используемых для строк. В следующей таблице описаны изображения, используемые элементом 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, предоставляют средства для создания изображений строк.

Время выполнения не перевернет пользовательские изображения для отображения справа налево. Для поддержки веб-страниц слева направо и справа налево необходимо создать наборы изображений для обоих направлений.

Значение этого свойства хранится в состоянии представления.

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

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