Pagina personale di:
Carlo Vecchio
appunti di C#, R, SQL Server, ASP.NET, algoritmi, numeri
Vai ai contenuti

ASP.NET - Controlli 8

ASP.NET

TreeView

 
  • Il controllo TreeView è una collezione di oggetti ‘Nodes’.
  • In fase di esecuzione appare così:



  • Codice HTML per generare il TreeView precedente:

 
   <asp:TreeView ID="trvMenu" runat="server">
 
       <Nodes>
 
           <asp:TreeNode Text="Home" NavigateUrl="~/Index.aspx"></asp:TreeNode>
 
           <asp:TreeNode Text="Pagina 1" NavigateUrl="~/Pagina1.aspx">
 
               <asp:TreeNode Text="SottoPagina 1.1" NavigateUrl="~/SottoPagina1_1.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 1.2" NavigateUrl="~/SottoPagina1_2.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 1.3" NavigateUrl="~/SottoPagina1_3.aspx"></asp:TreeNode>
 
           </asp:TreeNode>
 
           <asp:TreeNode Text="Pagina 2" NavigateUrl="~/Pagina2.aspx">
 
               <asp:TreeNode Text="SottoPagina 2.1" NavigateUrl="~/SottoPagina2_1.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 2.2" NavigateUrl="~/SottoPagina2_2.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 2.3" NavigateUrl="~/SottoPagina2_3.aspx"></asp:TreeNode>
 
           </asp:TreeNode>
 
           <asp:TreeNode Text="Pagina 3" NavigateUrl="~/Pagina3.aspx">
 
               <asp:TreeNode Text="SottoPagina 3.1" NavigateUrl="~/SottoPagina3_1.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 3.2" NavigateUrl="~/SottoPagina3_2.aspx"></asp:TreeNode>
 
               <asp:TreeNode Text="SottoPagina 3.3" NavigateUrl="~/SottoPagina3_3.aspx"></asp:TreeNode>
 
           </asp:TreeNode>
 
       </Nodes>
 
   </asp:TreeView>

  •  
    Si notino le proprietà ‘Text’ e ‘NavigateUrl’ per impostare rispettivamente il testo del nodo e la pagina di navigazione del nodo.
  • Per far sì che la navigazione sia in una pagina diversa del Browser, impostare nelle proprietà del ‘TreeNode’:

   Target="_blank"

Proprietà
  • ExpandDepth: numero di livelli da mostrare per default.
  • ShowLines: mostra le piccole linee che collegano i nodi.
  • NodeStyle: stile di tutti i nodi.
  • HoverNodeStyle: stile del nodo quando il mouse vi ci passa sopra.
  • SelectedNodeStyle: stile del nodo selezionato.
  • ParentNodeStyle: stile dei nodi padre, escluso il nodo root.
  • RootNodeStyle: stile del nodo root.
  • LeafNodeStyle: stile dei nodi foglia.


© 2020 Carlo Vecchio
Torna ai contenuti