TreeView.SelectedNode プロパティ

定義

TreeNode コントロールで選択されたノードを表す TreeView オブジェクトを取得します。Gets a TreeNode object that represents the selected node in the TreeView control.

public:
 property System::Web::UI::WebControls::TreeNode ^ SelectedNode { System::Web::UI::WebControls::TreeNode ^ get(); };
[System.ComponentModel.Browsable(false)]
public System.Web.UI.WebControls.TreeNode SelectedNode { get; }
member this.SelectedNode : System.Web.UI.WebControls.TreeNode
Public ReadOnly Property SelectedNode As TreeNode

プロパティ値

TreeNode で選択されたノードを表す TreeViewA TreeNode that represents the selected node in the TreeView.

属性

次のコード例は、 SelectedNodeプロパティを使用して、 TreeViewコントロールで選択されているノードの値を確認する方法を示しています。The following code example demonstrates how to use the SelectedNode property to determine the value of the selected node in the TreeView control.


<%@ 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 Select_Change(Object sender, EventArgs e)
    {

        Message.Text = "You selected: " + LinksTreeView.SelectedNode.Text;

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >

    <head runat="server">
    <title>TreeView SelectedNodeStyle Example</title>
</head>
<body>
        <form id="form1" runat="server">
        
            <h3>TreeView SelectedNodeStyle Example</h3>

            <asp:TreeView id="LinksTreeView"
                Font-Names= "Arial"
                ForeColor="Blue"
                SelectedNodeStyle-ForeColor="Green"
                SelectedNodeStyle-VerticalPadding="0"
                OnSelectedNodeChanged="Select_Change"   
                runat="server">
                 
                <LevelStyles>
                
                    <asp:TreeNodeStyle ChildNodesPadding="10" 
                        Font-Bold="true" 
                        Font-Size="12pt" 
                        ForeColor="DarkGreen"/>
                    <asp:TreeNodeStyle ChildNodesPadding="5" 
                        Font-Bold="true" 
                        Font-Size="10pt"/>
                    <asp:TreeNodeStyle ChildNodesPadding="5" 
                        Font-UnderLine="true" 
                        Font-Size="10pt"/>
                    <asp:TreeNodeStyle ChildNodesPadding="10" 
                        Font-Size="8pt"/>
                         
                </LevelStyles>
                 
                <Nodes>
                
                    <asp:TreeNode Text="Table of Contents"
                        SelectAction="None">
                         
                        <asp:TreeNode Text="Chapter One">
                        
                            <asp:TreeNode Text="Section 1.0">
                            
                                <asp:TreeNode Text="Topic 1.0.1"/>
                                <asp:TreeNode Text="Topic 1.0.2"/>
                                <asp:TreeNode Text="Topic 1.0.3"/>
                            
                            </asp:TreeNode>
                            
                            <asp:TreeNode Text="Section 1.1">
                            
                                <asp:TreeNode Text="Topic 1.1.1"/>
                                <asp:TreeNode Text="Topic 1.1.2"/>
                                <asp:TreeNode Text="Topic 1.1.3"/>
                                <asp:TreeNode Text="Topic 1.1.4"/>
                            
                            </asp:TreeNode>
                        
                        </asp:TreeNode>
                        
                        <asp:TreeNode Text="Chapter Two">
                        
                            <asp:TreeNode Text="Section 2.0">
                            
                                <asp:TreeNode Text="Topic 2.0.1"/>
                                <asp:TreeNode Text="Topic 2.0.2"/>
                            
                            </asp:TreeNode>
                        
                        </asp:TreeNode>
                        
                    </asp:TreeNode>
                    <asp:TreeNode Text="Appendix A" />
                    <asp:TreeNode Text="Appendix B" />
                    <asp:TreeNode Text="Appendix C" />
                
                </Nodes>
                
            </asp:TreeView>
            
            <br /><br />
            
            <asp:Label id="Message" runat="server"/>
            
        </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 Select_Change(ByVal sender As Object, ByVal e As EventArgs)

        Message.Text = "You selected: " & LinksTreeView.SelectedNode.Text

    End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >

    <head runat="server">
    <title>TreeView SelectedNodeStyle Example</title>
</head>
<body>
        <form id="form1" runat="server">
        
            <h3>TreeView SelectedNodeStyle Example</h3>
            
            <asp:TreeView id="LinksTreeView"
                Font-Names= "Arial"
                ForeColor="Blue"
                SelectedNodeStyle-ForeColor="Green"
                SelectedNodeStyle-VerticalPadding="0"
                OnSelectedNodeChanged="Select_Change"   
                runat="server">
                 
                <LevelStyles>
                
                    <asp:TreeNodeStyle ChildNodesPadding="10" 
                        Font-Bold="true" 
                        Font-Size="12pt" 
                        ForeColor="DarkGreen"/>
                    <asp:TreeNodeStyle ChildNodesPadding="5" 
                        Font-Bold="true" 
                        Font-Size="10pt"/>
                    <asp:TreeNodeStyle ChildNodesPadding="5" 
                        Font-UnderLine="true" 
                        Font-Size="10pt"/>
                    <asp:TreeNodeStyle ChildNodesPadding="10" 
                        Font-Size="8pt"/>
                         
                </LevelStyles>
                 
                <Nodes>
                
                    <asp:TreeNode Text="Table of Contents"
                        SelectAction="None">
                         
                        <asp:TreeNode Text="Chapter One">
                        
                            <asp:TreeNode Text="Section 1.0">
                            
                                <asp:TreeNode Text="Topic 1.0.1"/>
                                <asp:TreeNode Text="Topic 1.0.2"/>
                                <asp:TreeNode Text="Topic 1.0.3"/>
                            
                            </asp:TreeNode>
                            
                            <asp:TreeNode Text="Section 1.1">
                            
                                <asp:TreeNode Text="Topic 1.1.1"/>
                                <asp:TreeNode Text="Topic 1.1.2"/>
                                <asp:TreeNode Text="Topic 1.1.3"/>
                                <asp:TreeNode Text="Topic 1.1.4"/>
                            
                            </asp:TreeNode>
                        
                        </asp:TreeNode>
                        
                        <asp:TreeNode Text="Chapter Two">
                        
                            <asp:TreeNode Text="Section 2.0">
                            
                                <asp:TreeNode Text="Topic 2.0.1"/>
                                <asp:TreeNode Text="Topic 2.0.2"/>
                            
                            </asp:TreeNode>
                        
                        </asp:TreeNode>
                        
                    </asp:TreeNode>
                    <asp:TreeNode Text="Appendix A" />
                    <asp:TreeNode Text="Appendix B" />
                    <asp:TreeNode Text="Appendix C" />
                
                </Nodes>
                
            </asp:TreeView>
            
            <br /><br />
            
            <asp:Label id="Message" runat="server"/>
            
        </form>
    </body>
</html>

注釈

TreeViewコントロール内のノードのテキストは、選択モードとナビゲーションモードの2つのモードのいずれかになります。The text of a node in the TreeView control can be in one of two modes: selection mode and navigation mode. 既定では、ノードは選択モードになっています。By default, a node is in selection mode. ノードをナビゲーションモードにするには、ノードNavigateUrlのプロパティを空の文字列 ("") 以外の値に設定します。To put a node into navigation mode, set the NavigateUrl property for the node to a value other than an empty string (""). ノードを選択モードにするには、ノードNavigateUrlのプロパティを空の文字列 ("") に設定します。To put a node into selection mode, set the NavigateUrl property for the node to empty string ("").

ノードが選択モードの場合、ユーザーはノード内のテキストをクリックしてノードを選択できます。When a node is in selection mode, the user can select a node by clicking on the text in the node. コントロールで選択されているノードを確認するには、 SelectedNodeプロパティを使用します。 TreeViewUse the SelectedNode property to determine which node is selected in the TreeView control.

注意

コントロールがTreeViewハイパーリンクを表示するときにノードを選択することはできません。A node cannot be selected when the TreeView control displays hyperlinks. ハイパーリンクが表示されるとSelectedNode 、プロパティはnull常にを返します。When hyperlinks are displayed, the SelectedNode property always returns null.

ユーザーが新しいノードTreeView SelectedNodeChangedのテキストをクリックしてコントロール内の別のノードを選択すると、イベントが既定で発生します。When the user selects a different node in the TreeView control by clicking the text in the new node, the SelectedNodeChanged event is raised, by default. プロパティのSelectActionプロパティを設定することによって、別のイベントを指定できます。You can specify a different event by setting the SelectAction property for the property. 利用可能なオプションの一覧を次の表に示します。The following table lists the available options.

選択操作Selection action 説明Description
Expand ノードの展開と折りたたみを切り替えます。Toggles the node between expanded and collapsed. 必要に応じTreeNodeCollapsedて、イベントまたはイベントを発生させます。TreeNodeExpandedRaises the TreeNodeExpanded or TreeNodeCollapsed event, as appropriate.
None ノードの選択時にイベントは発生しません。Raises no events when a node is selected.
Select ノードの選択時に SelectedNodeChanged イベントを発生させます。Raises the SelectedNodeChanged event when a node is selected.
SelectExpand ノードの選択時に SelectedNodeChanged イベントと TreeNodeExpanded イベントの両方を発生させます。Raises both the SelectedNodeChanged and TreeNodeExpanded events when a node is selected. ノードは展開されているだけで、折りたたまれていません。Nodes are only expanded, never collapsed.

注意

HoverNodeStyleSelectActionプロパティがにTreeNodeSelectAction.None設定されたノードに対してはレンダリングされません。The HoverNodeStyle is not rendered for a node with its SelectAction property set to TreeNodeSelectAction.None.

適用対象

こちらもご覧ください