TreeView.ExpandImageUrl 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
확장할 수 있는 노드 표시기의 사용자 지정 이미지에 대한 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, setPublic Property ExpandImageUrl As 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 속성에는 동일한 차원이 합니다.
표시할 사용자 지정 이미지를 올바르게 설정 해야 ShowLines 에 false입니다.
확장할 수 있는 노드 표시기에 대 한 사용자 지정 이미지를 사용 하는 경우 설정을 고려해 야 합니다 ExpandImageToolTip 속성을 이미지에 대 한 도구 설명을 지정 합니다.
이 속성의 값은 뷰 상태에 저장 됩니다.