TreeView.LineImagesFolder Proprietà

  • Riferimento

Definizione

Spazio dei nomi:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Ottiene o imposta il percorso di una cartella che contiene le immagini linea utilizzate per collegare nodi figlio a nodi padre.

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à

String

Percorso di una cartella che contiene le immagini linea utilizzate per collegare i nodi. Il valore predefinito è una stringa vuota (""), che indica che la proprietà LineImagesFolder non è impostata.

Esempio

Nell'esempio di codice seguente viene illustrato come usare la LineImagesFolder proprietà per specificare la cartella contenente le immagini della riga da visualizzare nel TreeView controllo. Per usare questo esempio, usare lo strumento Progettazione linee in anticipo per creare un set di immagini di riga. Inserirli in una cartella denominata LineImages all'interno della directory per l'applicazione di esempio.


<%@ 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 nodi padre quando la ShowLines proprietà è impostata su true. Quando vengono visualizzate le righe, utilizzare la LineImagesFolder proprietà per specificare una cartella accessibile dal Web che contiene il set di immagini pre-rendering da usare per le righe. Nella tabella seguente vengono descritte le immagini usate dal TreeView controllo.

Immagine Descrizione
Dash.gif Un'immagine di riga visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero e il nodo radice è una foglia.
Dashminus.gif Immagine meno segno (-) visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero per indicare che il nodo radice viene espanso.
Dashplus.gif Immagine più segno (+) visualizzata accanto al nodo radice quando è presente un solo nodo radice nella struttura ad albero per indicare che il nodo radice è compresso.
I.gif Immagine della riga visualizzata per connettere i nodi adiacenti.
L.gif Immagine della riga visualizzata accanto all'ultimo nodo in un ramo quando il nodo è una foglia.
Lminus.gif Immagine della riga visualizzata accanto all'ultimo nodo in un ramo per indicare che il nodo viene espanso.
Lplus.gif Immagine della riga visualizzata accanto all'ultimo nodo in un ramo per indicare che il nodo è compresso.
Minus.gif Immagine meno segno (-) visualizzata accanto al primo nodo radice in una struttura ad albero contenente più nodi radice per indicare che il nodo viene espanso. Questa immagine non contiene una riga aggiuntiva e viene visualizzata solo dopo che il nodo radice è stato compresso una volta. Quando la pagina viene caricata per la prima volta, viene visualizzata l'immagine Rminus.gif.
Noexpand.gif Immagine dello spazio vuoto visualizzata accanto a un nodo foglia. Questa immagine consente al testo di allinearsi verticalmente.
Plus.gif Immagine più segno (+) visualizzata accanto al primo nodo radice in una struttura ad albero contenente più nodi radice per indicare che il nodo è compresso. Questa immagine non contiene una riga aggiuntiva e viene visualizzata solo dopo l'espansione del nodo radice una volta. Quando la pagina viene caricata per la prima volta, viene visualizzata l'immagine Rplus.gif.
R.gif Immagine di riga visualizzata accanto al primo nodo radice in una struttura ad albero contenente più nodi radice per indicare che il nodo è un nodo foglia.
Rminus.gif Immagine meno segno (-) visualizzata accanto al primo nodo radice in una struttura ad albero contenente più nodi radice per indicare che il nodo viene espanso. Questa immagine contiene una riga aggiuntiva e viene visualizzata solo quando la pagina viene caricata per la prima volta. Dopo che il nodo radice è stato compresso una volta, viene visualizzata l'immagine Minus.gif.
Rplus.gif Immagine più segno (+) visualizzata accanto al primo nodo radice in una struttura ad albero contenente più nodi radice per indicare che il nodo è compresso. Questa immagine contiene una riga aggiuntiva e viene visualizzata solo quando la pagina viene caricata per la prima volta. Dopo aver espanso il nodo radice una volta, viene visualizzata l'immagine Plus.gif.
T.gif Un'immagine di riga visualizzata accanto a un nodo nella parte centrale della struttura ad albero (in corrispondenza di un'intersezione t) per indicare che il nodo è una foglia.
Tminus.gif Immagine meno segno (-) visualizzata accanto a un nodo al centro della struttura ad albero (in corrispondenza di un'intersezione t) per indicare che il nodo viene espanso.
Tplus.gif Immagine più segno (+) visualizzata accanto a un nodo al centro della struttura ad albero (in corrispondenza di un'intersezione t) per indicare che il nodo è compresso.

Nota

Se la LineImagesFolder proprietà non è impostata, il TreeView controllo userà le immagini predefinite predefinite (20 x 20 pixel).

Alcune finestre di progettazione visiva, ad esempio Microsoft Visual Studio, forniscono strumenti per generare le immagini di riga.

Il tempo di esecuzione non capovolge immagini personalizzate per le visualizzazioni da destra a sinistra. Per supportare sia pagine Web da sinistra a destra che da destra a sinistra, è necessario creare set di immagini per entrambe le direzioni.

Il valore di questa proprietà viene archiviato nello stato di visualizzazione.

Si applica a

Vedi anche