TreeView.NoExpandImageUrl Egenskap

Definition

Namnområde:
System.Web.UI.WebControls
Sammansättning:
System.Web.dll

Hämtar eller anger URL:en till en anpassad avbildning för nodindikatorn som inte kan expanderas.

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

Egenskapsvärde

String

URL:en till en anpassad bild som ska visas för noder som inte kan expanderas. Standardvärdet är en tom sträng (""), som visar den tomma standardbilden.

Exempel

I följande kodexempel visas hur du använder NoExpandImageUrl egenskapen för att ange en anpassad avbildning för nodindikatorn som inte kan expanderas. För att kodexemplet ska visas och bilden ska visas i kontrollen måste du ange en egen bild och ImageSet egenskapen måste vara inställd på 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>

Kommentarer

Använd egenskapen NoExpandImageUrl för att ange en anpassad avbildning för nodindikatorn som inte kan expanderas. Den icke-utökningsbara nodindikatorbilden (eller blanksteget) visas bredvid lövnoder (i stället för de utökningsbara och komprimerbara nodindikatorerna) för att justera lövnoderna med överordnade noder eller rotnoder.

När egenskapen ShowExpandCollapse är inställd trueTreeView på visar kontrollen ett plustecken (+) eller minustecken (-) eller en platshållarbild bredvid en nod för att ange om noden är expanderbar, komprimerbar eller icke-utbyggbar. Du kan ange anpassade avbildningar genom att först ange ImageSet egenskapen till TreeViewImageSet.Custom, och sedan ange NoExpandImageUrlegenskaperna , ExpandImageUrloch CollapseImageUrl till URL:erna för de anpassade avbildningarna. Om inga bilder anges används standardbilderna. Om du vill dölja indikatorerna för expansionsnoden anger du ShowExpandCollapse egenskapen till false.

Note

För att säkerställa att noderna justeras korrekt i TreeView kontrollen när du använder anpassade avbildningar kontrollerar du att alla bilder som anges av NoExpandImageUrlegenskaperna , ExpandImageUrloch CollapseImageUrl har samma dimensioner.

Värdet för den här egenskapen lagras i visningstillstånd.

Gäller för

Se även