TreeNodeBinding.ImageUrl 속성
정의
중요
일부 정보는 릴리스되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적이거나 묵시적인 보증도 하지 않습니다.
TreeNodeBinding 개체가 적용된 노드 옆에 표시되는 이미지의 URL을 가져오거나 설정합니다.
public:
property System::String ^ ImageUrl { System::String ^ get(); void set(System::String ^ value); };public string ImageUrl { get; set; }member this.ImageUrl : string with get, setPublic Property ImageUrl As String속성 값
TreeNodeBinding 개체가 적용된 노드 옆에 표시되는 이미지의 URL입니다. Component ImageUrl 속성은 설정되지 않습니다.
예제
이 섹션에는 두 코드 예제가 있습니다. 첫 번째 코드 예제를 사용 하는 방법에 설명 합니다 Depth 적용할 속성을를 TreeNodeBinding 특정 노드 수준에는 개체입니다. 두 번째 코드 예제에서는 첫 번째 코드 예제에 대 한 샘플 XML 데이터를 제공합니다.
다음 코드 예제를 사용 하는 방법에 설명 합니다 ImageUrl 는 노드에 대 한 사용자 지정 이미지를 지정 하는 속성을 TreeNodeBinding 개체가 적용 된 합니다. 제대로 작동 하려면이 예제에서는 Booklist.xml 라는 파일에이 코드 예제에서는 뒤에 제공 된 샘플 XML 데이터를 복사 해야 합니다.
<%@ 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>TreeViewBinding Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>TreeViewBinding Example</h3>
<!-- Set the Text, ImageUrl, ImageToolTip, -->
<!-- NavigateUrl, Value, and ToolTip -->
<!-- properties of a TreeNodeBinding -->
<!-- object declaratively. -->
<asp:TreeView id="BookTreeView"
DataSourceID="BookXmlDataSource"
Target="_blank"
runat="server">
<DataBindings>
<asp:TreeNodeBinding DataMember="Books"
Depth="0"
TextField="Text"/>
<asp:TreeNodeBinding DataMember="Book"
Depth="1"
Text="Book Title"
ImageUrl="Image.jpg"
ImageToolTip="Book Image"
NavigateUrl="http://www.microsoft.com"
Value="BookID"
ToolTip="Book Information"/>
<asp:TreeNodeBinding DataMember="Description"
Depth="2"
TextField="Text"/>
<asp:TreeNodeBinding DataMember="Price"
Depth="2"
TextField="Value"/>
</DataBindings>
</asp:TreeView>
<asp:XmlDataSource id="BookXmlDataSource"
DataFile="Booklist.xml"
runat="server">
</asp:XmlDataSource>
</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>TreeViewBinding Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>TreeViewBinding Example</h3>
<!-- Set the Text, ImageUrl, ImageToolTip, -->
<!-- NavigateUrl, Value, and ToolTip -->
<!-- properties of a TreeNodeBinding -->
<!-- object declaratively. -->
<asp:TreeView id="BookTreeView"
DataSourceID="BookXmlDataSource"
Target="_blank"
runat="server">
<DataBindings>
<asp:TreeNodeBinding DataMember="Books"
Depth="0"
TextField="Text"/>
<asp:TreeNodeBinding DataMember="Book"
Depth="1"
Text="Book Title"
ImageUrl="Image.jpg"
ImageToolTip="Book Image"
NavigateUrl="http://www.microsoft.com"
Value="BookID"
ToolTip="Book Information"/>
<asp:TreeNodeBinding DataMember="Description"
Depth="2"
TextField="Text"/>
<asp:TreeNodeBinding DataMember="Price"
Depth="2"
TextField="Value"/>
</DataBindings>
</asp:TreeView>
<asp:XmlDataSource id="BookXmlDataSource"
DataFile="Booklist.xml"
runat="server">
</asp:XmlDataSource>
</form>
</body>
</html>
다음 코드 예제에서는 앞의 예제에 대 한 샘플 XML 데이터를 제공합니다.
<Books Text="Books List">
<Book Text="Book Title One"
Value="1"
Image="Bookimage1.jpg"
ImageToolTip="Book 1 Photo"
Nav="http://www.microsoft.com"
Tip="Book Title 1">
<Description Text="Book Description">
</Description>
<Price Value="$1.99">
</Price>
<Author Text="Author Name"
Value="LastName"
Image="Authorimage1.jpg"
Nav="http://www.microsoft.com"
Tip="Author Name">
</Author>
</Book>
<Book Text="Book Title Two"
Value="2"
Image="Bookimage2.jpg"
ImageToolTip="Book 2 Photo"
Nav="http://www.microsoft.com"
Tip="Click Me">
<Description Text="Book Description">
</Description>
<Price Value="$2.99">
</Price>
<Author Text="Author Name"
Value="LastName"
Image="Authorimage2.jpg"
Nav="http://www.microsoft.com"
Tip="Author Name">
</Author>
</Book>
</Books>
설명
때를 TreeView 데이터 원본에 바인딩된 컨트롤을 사용 합니다 ImageUrl 바인딩할 사용자 지정 이미지를 지정 하는 속성을 ImageUrl 의 속성을 TreeNode 개체. 이 바인딩 관계에 모두 영향을 줍니다 TreeNode 개체는는 TreeNodeBinding 개체 적용 됩니다. 이미지는 노드 옆에 표시 되 고 클라이언트 브라우저에서 해당 형식으로 모든 파일 형식 (.jpg,.gif,.bmp, 및 등)에 있을 수 있습니다.
참고
설정 하 여 개별 노드 이미지를 재정의할 수 있습니다 해당 ImageUrl 속성을 직접.
각 노드에 동일한 이미지를 바인딩할이 속성을 사용 하는 대신 바인딩할 수 있습니다는 ImageUrl 의 속성을 TreeNode 개체를 설정 하 여 데이터 원본의 필드를 ImageUrlField 속성.
사용 하 여 노드 옆에 있는 이미지를 표시 하는 경우는 ImageUrl 속성을 고려해 야 설정은 ImageToolTip 속성입니다. 도구 설명 텍스트를 지정 하는 컨트롤을 보다 쉽게 액세스할 수 있도록 하는 데 사용할 수 있는 이미지의 설명 사용 하 여 보조 기술 디바이스를 제공 합니다.
이 속성의 값은 뷰 상태에 저장 됩니다.