TreeView.CollapseImageUrl Propriedade
Definição
Importante
Algumas informações dizem respeito a um produto pré-lançado que pode ser substancialmente modificado antes de ser lançado. A Microsoft não faz garantias, de forma expressa ou implícita, em relação à informação aqui apresentada.
Recebe ou define a URL para uma imagem personalizada para o indicador de nó dobrável.
public:
property System::String ^ CollapseImageUrl { System::String ^ get(); void set(System::String ^ value); };public string CollapseImageUrl { get; set; }member this.CollapseImageUrl : string with get, setPublic Property CollapseImageUrl As StringValor de Propriedade
O URL de uma imagem personalizada para mostrar para nós dobráveis. O padrão é uma cadeia vazia (""), que mostra a imagem padrão do sinal menos (-).
Exemplos
O exemplo de código seguinte demonstra como usar a CollapseImageUrl propriedade para especificar uma imagem personalizada para o indicador de nó dobrável. Para que o exemplo de código seja exibido e a imagem apareça no controlo, deve fornecer a sua própria imagem e a ImageSet propriedade deve ser definida para 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>
<%@ 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>
Observações
Use a CollapseImageUrl propriedade para especificar uma imagem personalizada para o indicador do nó dobrável. Esta imagem é exibida ao lado de um nó colapsável e normalmente é um sinal menos (-).
Quando a ShowExpandCollapse propriedade é definida para true, o TreeView controlo apresenta um sinal de mais (+) ou um sinal de menos(-) ou uma imagem provisória ao lado de um nó para indicar se o nó é expansível, dobrável ou não expansível, respetivamente. Pode especificar imagens personalizadas definindo primeiro a ImageSet propriedade para TreeViewImageSet.Custom, e depois definindo as NoExpandImageUrlpropriedades , ExpandImageUrl, e CollapseImageUrl as propriedades para os URLs das imagens personalizadas. Se não forem especificadas imagens, são usadas as imagens padrão. Para ocultar os indicadores do nó de expansão, defina a ShowExpandCollapse propriedade para false.
Note
Para garantir que os nós alinham corretamente no TreeView controlo ao usar imagens personalizadas, certifique-se de que todas as imagens especificadas pelas NoExpandImageUrlpropriedades , ExpandImageUrl, e CollapseImageUrl têm as mesmas dimensões.
Ao usar uma imagem personalizada para o indicador do nó dobrável, deve também considerar definir a CollapseImageToolTip propriedade para especificar uma dica de ferramenta para a imagem.
O valor desta propriedade é armazenado no estado de visualização.