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