Compartir vía


TreeView.CollapseImageUrl Propiedad

Definición

Obtiene o establece la dirección URL a una imagen personalizada para el indicador de nodo contraíble.

public:
 property System::String ^ CollapseImageUrl { System::String ^ get(); void set(System::String ^ value); };
public string CollapseImageUrl { get; set; }
member this.CollapseImageUrl : string with get, set
Public Property CollapseImageUrl As String

Valor de propiedad

String

La dirección URL a una imagen personalizada para mostrar para los nodos contraíbles. El valor predeterminado es una cadena vacía (""), que muestra la imagen predeterminada del signo menos (-).

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la CollapseImageUrl propiedad para especificar una imagen personalizada para el indicador de nodo contraíble. Para que el ejemplo de código se muestre y la imagen que aparezca en el control , debe proporcionar su propia imagen y la ImageSet propiedad debe establecerse TreeNodeImageSet.Customen .


<%@ 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 Custom Images Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView Custom Images Example</h3>
      
      <!-- Set the custom images of this TreeView control -->
      <!-- declaratively.                                 -->
      <asp:TreeView id="CustomTreeView"
        NoExpandImageUrl="Space.jpg"
        CollapseImageUrl="Minus.jpg"
        CollapseImageToolTip="Collapse Node"
        ExpandImageUrl="Plus.jpg"
        ExpandImageToolTip="Expand Node"
        RootNodeStyle-ImageUrl="Root.jpg"
        ParentNodeStyle-ImageUrl="Parent.jpg"
        LeafNodeStyle-ImageUrl="Leaf.jpg" 
        ImageSet="Custom"
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="_blank" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page 1"
              Target="_blank">
                 
              <asp:TreeNode Value="Section 1"
                ImageUrl="custom.jpg" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="_blank">
              </asp:TreeNode>
                
            </asp:TreeNode>
            
            <asp:TreeNode Value="Page 2" 
              Selected="True" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="_blank">
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </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 Custom Images Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView Custom Images Example</h3>
      
      <!-- Set the custom images of this TreeView control -->
      <!-- declaratively.                                 -->
      <asp:TreeView id="CustomTreeView"
        NoExpandImageUrl="Space.jpg"
        CollapseImageUrl="Minus.jpg"
        CollapseImageToolTip="Collapse Node"
        ExpandImageUrl="Plus.jpg"
        ExpandImageToolTip="Expand Node"
        RootNodeStyle-ImageUrl="Root.jpg"
        ParentNodeStyle-ImageUrl="Parent.jpg"
        LeafNodeStyle-ImageUrl="Leaf.jpg" 
        ImageSet="Custom"
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="_blank" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page 1"
              Target="_blank">
                 
              <asp:TreeNode Value="Section 1"
                ImageUrl="custom.jpg" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="_blank">
              </asp:TreeNode>
                
            </asp:TreeNode>
            
            <asp:TreeNode Value="Page 2" 
              Selected="True" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="_blank">
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView> 
       

    </form>
  </body>
</html>

Comentarios

Utilice la CollapseImageUrl propiedad para especificar una imagen personalizada para el indicador de nodo contraíble. Esta imagen se muestra junto a un nodo contraíble y suele ser un signo menos (-).

Cuando la ShowExpandCollapse propiedad se establece trueen , el TreeView control muestra un signo más (+) o un signo menos (-) o una imagen de marcador de posición junto a un nodo para indicar si el nodo es expandible, contraíble o no expandible, respectivamente. Puede especificar imágenes personalizadas estableciendo primero la ImageSet propiedad TreeViewImageSet.Customen y, a continuación, estableciendo las NoExpandImageUrlpropiedades , ExpandImageUrly CollapseImageUrl en las direcciones URL de las imágenes personalizadas. Si no se especifica ninguna imagen, se usan las imágenes predeterminadas. Para ocultar los indicadores del nodo de expansión, establezca la ShowExpandCollapse propiedad en false.

Nota

Para asegurarse de que los nodos se alinean correctamente en el TreeView control al usar imágenes personalizadas, asegúrese de que todas las imágenes especificadas por las NoExpandImageUrlpropiedades , ExpandImageUrly CollapseImageUrl tienen las mismas dimensiones.

Al usar una imagen personalizada para el indicador de nodo contraíble, también debe considerar la posibilidad de establecer la CollapseImageToolTip propiedad para especificar una información sobre herramientas para la imagen.

El valor de esta propiedad se almacena en estado de vista.

Se aplica a

Consulte también