TreeView.TreeNodeDataBound 事件
定義
重要
部分資訊涉及發行前產品,在發行之前可能會有大幅修改。 Microsoft 對此處提供的資訊,不做任何明確或隱含的瑕疵擔保。
當資料項目繫結至 TreeView 控制項中的節點時就會發生。
public:
event System::Web::UI::WebControls::TreeNodeEventHandler ^ TreeNodeDataBound;
public event System.Web.UI.WebControls.TreeNodeEventHandler TreeNodeDataBound;
member this.TreeNodeDataBound : System.Web.UI.WebControls.TreeNodeEventHandler
Public Custom Event TreeNodeDataBound As TreeNodeEventHandler
事件類型
範例
本節包含兩個程式碼範例。 第一個程式碼範例示範如何在符合某些條件時,使用 TreeNodeDataBound 事件來變更節點的影像。 第二個程式碼範例會提供第一個程式碼範例的範例 XML 資料。
下列程式碼範例示範如何在符合某些條件時,使用 TreeNodeDataBound 事件來變更節點的影像。 若要讓此範例正常運作,您必須將此程式碼範例之後提供的範例 XML 資料複製到名為 Book.xml 的檔案。 此外,也請務必提供您自己的影像,以供此範例顯示。
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Data_Bound(Object sender, TreeNodeEventArgs e)
{
// Give the Chapter 2 node a custom image.
if(e.Node.Text == "Chapter 2")
{
e.Node.ImageUrl="Custom.jpg";
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>TreeView TreeNodeDataBound Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>TreeView TreeNodeDataBound Example</h3>
<asp:TreeView id="BookTreeView"
DataSourceID="BookXmlDataSource"
LeafNodeStyle-ImageUrl="Leaf.jpg"
ParentNodeStyle-ImageUrl="Parent.jpg"
RootNodeStyle-ImageUrl="Root.jpg"
OnTreeNodeDataBound="Data_Bound"
runat="server">
<DataBindings>
<asp:TreeNodeBinding DataMember="Book" TextField="Title"/>
<asp:TreeNodeBinding DataMember="Chapter" TextField="Heading"/>
<asp:TreeNodeBinding DataMember="Section" TextField="Heading"/>
</DataBindings>
</asp:TreeView>
<asp:XmlDataSource id="BookXmlDataSource"
DataFile="Book.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">
<script runat="server">
Sub Data_Bound(ByVal sender As Object, ByVal e As TreeNodeEventArgs)
' Give the Chapter 2 node a custom image.
If e.Node.Text = "Chapter 2" Then
e.Node.ImageUrl = "Custom.jpg"
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>TreeView TreeNodeDataBound Example</title>
</head>
<body>
<form id="form1" runat="server">
<h3>TreeView TreeNodeDataBound Example</h3>
<asp:TreeView id="BookTreeView"
DataSourceID="BookXmlDataSource"
LeafNodeStyle-ImageUrl="Leaf.jpg"
ParentNodeStyle-ImageUrl="Parent.jpg"
RootNodeStyle-ImageUrl="Root.jpg"
OnTreeNodeDataBound="Data_Bound"
runat="server">
<DataBindings>
<asp:TreeNodeBinding DataMember="Book" TextField="Title"/>
<asp:TreeNodeBinding DataMember="Chapter" TextField="Heading"/>
<asp:TreeNodeBinding DataMember="Section" TextField="Heading"/>
</DataBindings>
</asp:TreeView>
<asp:XmlDataSource id="BookXmlDataSource"
DataFile="Book.xml"
runat="server">
</asp:XmlDataSource>
</form>
</body>
</html>
下列程式碼範例提供上述程式碼範例的範例 XML 資料。
<Book Title="Book Title">
<Chapter Heading="Chapter 1">
<Section Heading="Section 1">
</Section>
<Section Heading="Section 2">
</Section>
</Chapter>
<Chapter Heading="Chapter 2">
<Section Heading="Section 1">
</Section>
</Chapter>
</Book>
備註
TreeNodeDataBound當資料項目系結至 控制項中的 TreeView 節點時,就會引發 事件。 這可讓您提供事件處理方法,每當發生此事件時,都會執行自訂常式。
如需如何處理事件的詳細資訊,請參閱 處理和引發事件。