다음을 통해 공유


TreeView.ExpandImageUrl 속성

정의

확장할 수 있는 노드 표시기의 사용자 지정 이미지에 대한 URL을 가져오거나 설정합니다.

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

속성 값

String

확장할 수 있는 노드에 대해 표시할 사용자 지정 이미지의 URL입니다. 기본값은 빈 문자열("")이며, 이 값은 기본 더하기 기호(-) 이미지를 표시합니다.

예제

다음 코드 예제를 사용 하는 방법에 설명 합니다 ExpandImageUrl 속성을 확장할 수 있는 노드 표시기에 대 한 사용자 지정 이미지를 지정 합니다. 컨트롤에 표시할 이미지를 표시 하는 코드 예제에서 사용자 고유의 이미지를 제공 해야 하며 ImageSet 속성으로 설정 되어 있어야 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>

설명

사용 된 ExpandImageUrl 속성을 확장할 수 있는 노드 표시기에 대 한 사용자 지정 이미지를 지정 합니다. 이 이미지를 확장할 수 있는 노드 옆에 표시 되 고 더하기 기호 (+)는 일반적으로.

경우는 ShowExpandCollapse 속성이 true, TreeView 컨트롤에 더하기 기호 (+) 또는 빼기 기호 (-) 인지 여부를 나타내는 노드 확장, 축소, 또는 확장할 수 없는 각각 노드 옆에 있는 자리 표시자 이미지가 표시 됩니다. 처음 설정 하 여 사용자 지정 이미지를 지정할 수 있습니다는 ImageSet 속성을 TreeViewImageSet.Custom를 설정한 합니다 NoExpandImageUrl, ExpandImageUrl, 및 CollapseImageUrl 속성 사용자 지정 이미지에 대 한 Url 합니다. 없는 이미지를 지정 하는 경우에 기본 이미지가 사용 됩니다. 확장 노드 표시기를 숨기려면 설정 합니다 ShowExpandCollapse 속성을 false입니다.

참고

노드에서 올바르게 정렬 되도록 합니다 TreeView 사용자 지정 이미지를 사용 하는 경우 컨트롤을 확인로 지정 되는 모든 이미지를 NoExpandImageUrl, ExpandImageUrl, 및 CollapseImageUrl 속성에는 동일한 차원이 합니다.

표시할 사용자 지정 이미지를 올바르게 설정 해야 ShowLinesfalse입니다.

확장할 수 있는 노드 표시기에 대 한 사용자 지정 이미지를 사용 하는 경우 설정을 고려해 야 합니다 ExpandImageToolTip 속성을 이미지에 대 한 도구 설명을 지정 합니다.

이 속성의 값은 뷰 상태에 저장 됩니다.

적용 대상

추가 정보