TreeView.ExpandImageUrl Properti
Definisi
Penting
Beberapa informasi terkait produk prarilis yang dapat diubah secara signifikan sebelum dirilis. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.
Mendapatkan atau mengatur URL ke gambar kustom untuk indikator simpul yang dapat diperluas.
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 StringNilai Properti
URL ke gambar kustom untuk ditampilkan untuk simpul yang dapat diperluas. Defaultnya adalah string kosong (""), yang menampilkan gambar tanda plus default (+).
Contoh
Contoh kode berikut menunjukkan cara menggunakan ExpandImageUrl properti untuk menentukan gambar kustom untuk indikator simpul yang dapat diperluas. Agar contoh kode ditampilkan dan gambar muncul dalam kontrol, Anda harus menyediakan gambar Anda sendiri dan ImageSet properti harus diatur ke 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>
Keterangan
ExpandImageUrl Gunakan properti untuk menentukan gambar kustom untuk indikator simpul yang dapat diperluas. Gambar ini ditampilkan di samping simpul yang dapat diperluas dan biasanya merupakan tanda plus (+).
ShowExpandCollapse Ketika properti diatur ke true, TreeView kontrol menampilkan tanda plus (+) atau tanda minus (-) atau gambar tempat penampung di samping simpul untuk menunjukkan apakah simpul dapat diperluas, diciutkan, atau tidak dapat diperluas, masing-masing. Anda dapat menentukan gambar kustom dengan terlebih dahulu mengatur ImageSet properti ke TreeViewImageSet.Custom, lalu mengatur NoExpandImageUrlproperti , , ExpandImageUrldan CollapseImageUrl ke URL untuk gambar kustom. Jika tidak ada gambar yang ditentukan, gambar default akan digunakan. Untuk menyembunyikan indikator simpul ekspansi, atur ShowExpandCollapse properti ke false.
Nota
Untuk memastikan bahwa simpul selaras dengan benar dalam TreeView kontrol saat menggunakan gambar kustom, pastikan bahwa semua gambar yang ditentukan oleh NoExpandImageUrlproperti , , ExpandImageUrldan CollapseImageUrl memiliki dimensi yang sama.
Untuk menampilkan gambar kustom dengan benar, Anda mungkin perlu mengatur ShowLines ke false.
Saat menggunakan gambar kustom untuk indikator simpul yang dapat diperluas, Anda juga harus mempertimbangkan untuk mengatur ExpandImageToolTip properti untuk menentukan TipsAlat untuk gambar.
Nilai properti ini disimpan dalam status tampilan.
