TreeView.SelectedNode Propriété
Définition
Important
Certaines informations portent sur la préversion du produit qui est susceptible d’être en grande partie modifiée avant sa publication. Microsoft exclut toute garantie, expresse ou implicite, concernant les informations fournies ici.
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; }[<System.ComponentModel.Browsable(false)>]
member this.SelectedNode : System.Web.UI.WebControls.TreeNodePublic ReadOnly Property SelectedNode As TreeNodeValeur de propriété
Qui TreeNode représente le nœud sélectionné dans le TreeView.
- Attributs
Exemples
L’exemple de code suivant montre comment utiliser la SelectedNode propriété pour déterminer la valeur du nœud sélectionné dans le TreeView contrôle.
<%@ 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>
Remarques
Le texte d’un nœud dans le TreeView contrôle peut se trouver dans l’un des deux modes suivants : le mode de sélection et le mode de navigation. Par défaut, un nœud est en mode sélection. Pour placer un nœud en mode de navigation, définissez la NavigateUrl propriété du nœud sur une valeur autre qu’une chaîne vide ( » « ). Pour placer un nœud en mode de sélection, définissez la NavigateUrl propriété du nœud sur une chaîne vide ( » « ).
Lorsqu’un nœud est en mode sélection, l’utilisateur peut sélectionner un nœud en cliquant sur le texte du nœud. Utilisez la SelectedNode propriété pour déterminer quel nœud est sélectionné dans le TreeView contrôle.
Note
Un nœud ne peut pas être sélectionné lorsque le TreeView contrôle affiche des liens hypertexte. Lorsque des liens hypertexte sont affichés, la SelectedNode propriété retourne nulltoujours .
Lorsque l’utilisateur sélectionne un autre nœud dans le TreeView contrôle en cliquant sur le texte du nouveau nœud, l’événement SelectedNodeChanged est déclenché, par défaut. Vous pouvez spécifier un autre événement en définissant la SelectAction propriété pour la propriété. Le tableau suivant répertorie les options disponibles.
| Action de sélection | Description |
|---|---|
| Expand | Bascule le nœud entre développé et réduit. Déclenche l’événement ou TreeNodeCollapsed le TreeNodeExpanded cas échéant. |
| None | Déclenche aucun événement lorsqu’un nœud est sélectionné. |
| Select | Déclenche l’événement lorsqu’un SelectedNodeChanged nœud est sélectionné. |
| SelectExpand | Déclenche les événements et TreeNodeExpanded les SelectedNodeChanged événements lorsqu’un nœud est sélectionné. Les nœuds ne sont développés que et ne sont jamais réduits. |
Note
Le HoverNodeStyle rendu n’est pas effectué pour un nœud dont la SelectAction propriété est définie sur TreeNodeSelectAction.None.
