TreeView.LineImagesFolder Propriedade
Definição
Obtém ou define o caminho para uma pasta que contém as imagens de linha usadas para conectar nós filho a nós pai.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
Valor da propriedade
O caminho para uma pasta que contém as imagens de linha usadas para conectar nós.The path to a folder that contains the line images used to connect nodes. O padrão é uma cadeia de caracteres vazia (""), que indica que a propriedade LineImagesFolder não está definida.The default is an empty string (""), which indicates that the LineImagesFolder property is not set.
Exemplos
O exemplo de código a seguir demonstra como usar a LineImagesFolder propriedade para especificar a pasta que contém as imagens de linha a serem exibidas no TreeView controle.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. Para trabalhar com este exemplo, use a ferramenta de designer de linha com antecedência para criar um conjunto de imagens de linha.To work with this example, use the Line Designer tool beforehand to create a set of line images. Coloque-os em uma pasta chamada LineImages dentro do diretório para o aplicativo de exemplo.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>
Comentários
O TreeView controle pode exibir linhas que conectam nós filho a nós pai quando a ShowLines propriedade é definida como true .The TreeView control can display lines that connect child nodes to parent nodes when the ShowLines property is set to true. Quando as linhas são exibidas, use a LineImagesFolder propriedade para especificar uma pasta acessível pela Web que contenha o conjunto de imagens previamente renderizadas a serem usadas para as linhas.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. A tabela a seguir descreve as imagens que são usadas pelo TreeView controle.The following table describes the images that are used by the TreeView control.
| ImagemImage | DescriçãoDescription |
|---|---|
| Dash.gifDash.gif | Uma imagem de linha exibida ao lado do nó raiz quando há apenas um nó raiz na estrutura de árvore e o nó raiz é uma folha.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 | Uma imagem de sinal de subtração (-) exibida ao lado do nó raiz quando há apenas um nó raiz na estrutura de árvore para indicar que o nó raiz está expandido.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 | Uma imagem de sinal de mais (+) exibida ao lado do nó raiz quando há apenas um nó raiz na estrutura de árvore para indicar que o nó raiz está recolhido.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 | Uma imagem de linha exibida para conectar nós adjacentes.A line image displayed to connect adjacent nodes. |
| L.gifL.gif | Uma imagem de linha exibida ao lado do último nó em uma ramificação quando o nó é uma folha.A line image displayed next to the last node in a branch when the node is a leaf. |
| Lminus.gifLminus.gif | Uma imagem de linha exibida ao lado do último nó em uma ramificação para indicar que o nó está expandido.A line image displayed next to the last node in a branch to indicate that the node is expanded. |
| Lplus.gifLplus.gif | Uma imagem de linha exibida ao lado do último nó em uma ramificação para indicar que o nó está recolhido.A line image displayed next to the last node in a branch to indicate that the node is collapsed. |
| Minus.gifMinus.gif | Uma imagem de sinal de menos (-) exibida ao lado do primeiro nó raiz em uma estrutura de árvore que contém vários nós raiz para indicar que o nó está expandido.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. Esta imagem não contém uma linha extra e é exibida somente depois que o nó raiz é recolhido uma vez.This image does not contain an extra line and is displayed only after the root node has been collapsed once. Quando a página é carregada pela primeira vez, a imagem de Rminus.gif é exibida.When the page is first loaded, the Rminus.gif image is displayed. |
| Noexpand.gifNoexpand.gif | Uma imagem de espaço em branco exibida ao lado de um nó folha.A blank spacer image displayed next to a leaf node. Essa imagem permite que o texto seja alinhado verticalmente.This image allows text to line up vertically. |
| Plus.gifPlus.gif | Uma imagem de sinal de mais (+) exibida ao lado do primeiro nó raiz em uma estrutura de árvore que contém vários nós raiz para indicar que o nó está recolhido.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. Esta imagem não contém uma linha extra e é exibida somente depois que o nó raiz é expandido uma vez.This image does not contain an extra line and is displayed only after the root node has been expanded once. Quando a página é carregada pela primeira vez, a imagem de Rplus.gif é exibida.When the page is first loaded, the Rplus.gif image is displayed. |
| R.gifR.gif | Uma imagem de linha exibida ao lado do primeiro nó raiz em uma estrutura de árvore que contém vários nós raiz para indicar que o nó é um nó folha.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 | Uma imagem de sinal de menos (-) exibida ao lado do primeiro nó raiz em uma estrutura de árvore que contém vários nós raiz para indicar que o nó está expandido.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. Essa imagem contém uma linha extra e é exibida somente quando a página é carregada pela primeira vez.This image contains an extra line and is displayed only when the page is first loaded. Depois que o nó raiz for recolhido uma vez, a imagem de Minus.gif será exibida.After the root node has been collapsed once, The Minus.gif image is displayed. |
| Rplus.gifRplus.gif | Uma imagem de sinal de mais (+) exibida ao lado do primeiro nó raiz em uma estrutura de árvore que contém vários nós raiz para indicar que o nó está recolhido.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. Essa imagem contém uma linha extra e é exibida somente quando a página é carregada pela primeira vez.This image contains an extra line and is displayed only when the page is first loaded. Depois que o nó raiz tiver sido expandido uma vez, a imagem de Plus.gif será exibida.After the root node has been expanded once, the Plus.gif image is displayed. |
| T.gifT.gif | Uma imagem de linha exibida ao lado de um nó no meio da estrutura de árvore (em uma interseção t) para indicar que o nó é uma folha.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 | Uma imagem de sinal de menos (-) exibida ao lado de um nó no meio da estrutura de árvore (em uma interseção t) para indicar que o nó está expandido.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 | Uma imagem de sinal de mais (+) exibida ao lado de um nó no meio da estrutura de árvore (em uma interseção t) para indicar que o nó está recolhido.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. |
Observação
Se a LineImagesFolder propriedade não estiver definida, o TreeView controle usará as imagens padrão internas (20 x 20 pixels).If the LineImagesFolder property is not set, the TreeView control will use the built-in, default images (20 x 20 pixels).
Alguns designers visuais, como o Microsoft Visual Studio, fornecem ferramentas para gerar as imagens de linha.Some visual designers, such as Microsoft Visual Studio, provide tools to generate the line images.
O tempo de execução não inverte imagens personalizadas para exibições da direita para a esquerda.The run time does not flip custom images for right-to-left displays. Para dar suporte a páginas da Web da esquerda para a direita e da direita para a esquerda, você deve criar conjuntos de imagens para ambas as direções.To support both left-to-right and right-to-left Web pages, you must create image sets for both directions.
O valor dessa propriedade é armazenado em estado de exibição.The value of this property is stored in view state.