TreeView.LineImagesFolder TreeView.LineImagesFolder TreeView.LineImagesFolder TreeView.LineImagesFolder Property

Definizione

Ottiene o imposta il percorso di una cartella che contiene le immagini linea utilizzate per collegare nodi figlio a nodi padre.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

Valore della proprietà

Percorso di una cartella che contiene le immagini linea utilizzate per collegare i nodi.The path to a folder that contains the line images used to connect nodes. Il valore predefinito è una stringa vuota (""), che indica che la proprietà LineImagesFolder non è impostata.The default is an empty string (""), which indicates that the LineImagesFolder property is not set.

Esempi

Nell'esempio di codice riportato di seguito viene illustrato LineImagesFolder come utilizzare la proprietà per specificare la cartella che contiene le immagini di linea TreeView da visualizzare nel controllo.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. Per utilizzare questo esempio, utilizzare lo strumento di progettazione linee in anticipo per creare un set di immagini linea.To work with this example, use the Line Designer tool beforehand to create a set of line images. Inserirli in una cartella denominata LineImages nella directory per l'applicazione di esempio.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>

Commenti

Il TreeView controllo può visualizzare le righe che connettono i nodi figlio ai ShowLines nodi padre quando la trueproprietà è impostata su.The TreeView control can display lines that connect child nodes to parent nodes when the ShowLines property is set to true. Quando vengono visualizzate le righe, utilizzare LineImagesFolder la proprietà per specificare una cartella accessibile dal Web che contiene il set di immagini di cui è stato eseguito il rendering da utilizzare per le righe.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. Nella tabella seguente vengono descritte le immagini utilizzate dal TreeView controllo.The following table describes the images that are used by the TreeView control.

ImageImage DescriptionDescription
Dash. gifDash.gif Immagine a linee visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero e il nodo radice è una foglia.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 Immagine del segno meno (-) visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero per indicare che il nodo radice è espanso.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 Immagine del segno più (+) visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero per indicare che il nodo radice è compresso.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 Immagine a linee visualizzata per la connessione di nodi adiacenti.A line image displayed to connect adjacent nodes.
L. gifL.gif Immagine a linee visualizzata accanto all'ultimo nodo di un branch quando il nodo è un foglia.A line image displayed next to the last node in a branch when the node is a leaf.
Lminus.gifLminus.gif Immagine a linee visualizzata accanto all'ultimo nodo di un ramo per indicare che il nodo è espanso.A line image displayed next to the last node in a branch to indicate that the node is expanded.
Lplus.gifLplus.gif Immagine a linee visualizzata accanto all'ultimo nodo di un ramo per indicare che il nodo è compresso.A line image displayed next to the last node in a branch to indicate that the node is collapsed.
Minus.gifMinus.gif Immagine del segno meno (-) visualizzata accanto al primo nodo radice in una struttura ad albero che contiene più nodi radice per indicare che il nodo è espanso.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. Questa immagine non contiene una riga aggiuntiva e viene visualizzata solo dopo che il nodo radice è stato compresso una volta.This image does not contain an extra line and is displayed only after the root node has been collapsed once. Quando la pagina viene caricata per la prima volta, viene visualizzata l'immagine Rminus. gif.When the page is first loaded, the Rminus.gif image is displayed.
Noexpand.gifNoexpand.gif Immagine dello spazio vuoto visualizzata accanto a un nodo foglia.A blank spacer image displayed next to a leaf node. Questa immagine consente la linea verticale del testo.This image allows text to line up vertically.
Plus.gifPlus.gif Immagine del segno più (+) visualizzata accanto al primo nodo radice in una struttura ad albero che contiene più nodi radice per indicare che il nodo è compresso.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. Questa immagine non contiene una riga aggiuntiva e viene visualizzata solo dopo che il nodo radice è stato espanso una volta.This image does not contain an extra line and is displayed only after the root node has been expanded once. Quando la pagina viene caricata per la prima volta, viene visualizzata l'immagine Rplus. gif.When the page is first loaded, the Rplus.gif image is displayed.
R. gifR.gif Immagine a linee visualizzata accanto al primo nodo radice in una struttura ad albero che contiene più nodi radice per indicare che il nodo è un nodo foglia.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 Immagine del segno meno (-) visualizzata accanto al primo nodo radice in una struttura ad albero che contiene più nodi radice per indicare che il nodo è espanso.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. Questa immagine contiene una riga aggiuntiva e viene visualizzata solo quando la pagina viene caricata per la prima volta.This image contains an extra line and is displayed only when the page is first loaded. Dopo che il nodo radice è stato compresso una volta, viene visualizzata l'immagine meno. gif.After the root node has been collapsed once, The Minus.gif image is displayed.
Rplus.gifRplus.gif Immagine del segno più (+) visualizzata accanto al primo nodo radice in una struttura ad albero che contiene più nodi radice per indicare che il nodo è compresso.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. Questa immagine contiene una riga aggiuntiva e viene visualizzata solo quando la pagina viene caricata per la prima volta.This image contains an extra line and is displayed only when the page is first loaded. Dopo che il nodo radice è stato espanso una volta, viene visualizzata l'immagine più. gif.After the root node has been expanded once, the Plus.gif image is displayed.
T. gifT.gif Immagine a linee visualizzata accanto a un nodo al centro della struttura ad albero (in corrispondenza di una t-intersezione) per indicare che il nodo è una foglia.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 Immagine del segno meno (-) visualizzata accanto a un nodo al centro della struttura ad albero (in corrispondenza di una t-intersezione) per indicare che il nodo è espanso.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 Immagine del segno più (+) visualizzata accanto a un nodo al centro della struttura ad albero (in corrispondenza di una t-intersezione) per indicare che il nodo è compresso.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.

Nota

Se la LineImagesFolder proprietà non è impostata, il TreeView controllo utilizzerà le immagini predefinite predefinite (20 x 20 pixel).If the LineImagesFolder property is not set, the TreeView control will use the built-in, default images (20 x 20 pixels).

Alcune finestre di progettazione visiva, ad esempio Microsoft Visual Studio, forniscono gli strumenti per generare le immagini linea.Some visual designers, such as Microsoft Visual Studio, provide tools to generate the line images.

Il runtime non capovolge le immagini personalizzate per le visualizzazioni da destra a sinistra.The run time does not flip custom images for right-to-left displays. Per supportare le pagine Web da sinistra a destra e da destra a sinistra, è necessario creare set di immagini per entrambe le direzioni.To support both left-to-right and right-to-left Web pages, you must create image sets for both directions.

Il valore di questa proprietà viene archiviato nello stato di visualizzazione.The value of this property is stored in view state.

Si applica a

Vedi anche