Exportar (0) Imprimir
Expandir todo

TreeView.CollapseImageUrl (Propiedad)

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

Espacio de nombres: System.Web.UI.WebControls
Ensamblado: System.Web (en system.web.dll)

public string CollapseImageUrl { get; set; }
/** @property */
public String get_CollapseImageUrl ()

/** @property */
public void set_CollapseImageUrl (String value)

public function get CollapseImageUrl () : String

public function set CollapseImageUrl (value : String)

No aplicable.

Valor de propiedad

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 (-).

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

Cuando la propiedad ShowExpandCollapse se establece en true, el control TreeView muestra un signo más (+), un signo menos (-) o un marcador de posición junto a un nodo para indicar si el nodo es expansible, contraíble o no contraíble, respectivamente. Puede especificar imágenes personalizadas estableciendo primero la propiedad ImageSet en TreeViewImageSet.Custom y, a continuación, estableciendo las propiedades NoExpandImageUrl, ExpandImageUrl y CollapseImageUrl en las direcciones URL a las imágenes personalizadas. Si no se especifican imágenes, se utilizan las imágenes predeterminadas. Para ocultar los indicadores de nodo de expansión, establezca la propiedad ShowExpandCollapse en false.

NotaNota:

Para asegurarse de que los nodos se alinean correctamente en el control TreeView cuando se utilizan imágenes personalizadas, asegúrese de que todas las imágenes especificadas por las propiedades NoExpandImageUrl, ExpandImageUrl y CollapseImageUrl tienen las mismas dimensiones.

Cuando utilice una imagen personalizada para el indicador de nodo contraíble, debe considerar también la conveniencia de establecer la propiedad CollapseImageToolTip para especificar texto de información para la imagen.

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

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


<%@ 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>


Windows 98, Windows 2000 Service Pack 4, Windows CE, Windows Millennium, Windows Mobile para Pocket PC, Windows Mobile para Smartphone, Windows Server 2003, Windows XP Media Center, Windows XP Professional x64, Windows XP SP2, Windows XP Starter

Microsoft .NET Framework 3.0 es compatible con Windows Vista, Microsoft Windows XP SP2 y Windows Server 2003 SP1.

.NET Framework

Compatible con: 3.0, 2.0
Mostrar:
© 2014 Microsoft