TreeView.TreeNodeDataBound イベント

定義

TreeView コントロールで、データ項目をノードに関連付けると発生します。Occurs when a data item is bound to a node in the TreeView control.

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 

イベントの種類

TreeNodeEventHandler

このセクションには、2 つのコード例が含まれています。This section contains two code examples. 最初のコード例では、 TreeNodeDataBound 何らかの条件が満たされた場合に、イベントを使用してノードのイメージを変更する方法を示します。The first code example demonstrates how to use the TreeNodeDataBound event to change the image for a node when some condition is met. 2番目のコード例では、最初のコード例のサンプル XML データを提供します。The second code example provides sample XML data for the first code example.

次のコード例は、 TreeNodeDataBound 何らかの条件が満たされた場合に、イベントを使用してノードのイメージを変更する方法を示しています。The following code example demonstrates how to use the TreeNodeDataBound event to change the image for a node when some condition is met. この例を正しく動作させるには、このコード例の後に記載されているサンプル XML データを Book.xml という名前のファイルにコピーする必要があります。For this example to work correctly, you must copy the sample XML data, provided after this code example, to a file named Book.xml. また、この例を表示するには、独自のイメージを用意してください。Also be sure to provide your own images for this example to display.


<%@ 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 データを示しています。The following code example provides sample XML data for the preceding code example.

<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 ます。The TreeNodeDataBound event is raised when a data item is bound to a node in the TreeView control. これにより、このイベントが発生するたびにカスタムルーチンを実行するイベント処理メソッドを提供できます。This allows you to provide an event-handling method that performs a custom routine whenever this event occurs.

イベントを処理する方法の詳細については、次を参照してください。処理とイベントの発生します。For more information about how to handle events, see Handling and Raising Events.

適用対象

こちらもご覧ください