TreeView avec ASP.NET 2 Whidbey
[20 mn de lecture - paru le 10/11/2004 12:08:12 PM - Public : Débutant]
|
   
|
Auteur
2. Utilisation basic du TreeView
2.1. TreeView simple
Maintenant que vous savez manipuler le Contrôle, nous allons découvrir dans ce
chapitre les différents événements de ce contrôle.
Editer un TreeView avec l'architecture client
>> dossier >> Facture
>Client1
>>Dossier1
>>>>Facture1
>>>>Facture2
>>Dossier2
>>>>Facture1
>>>>Facture2
>Client2
>>Dossier1
>>Dossier2
Vous devez obtenir :
|
<asp:TreeView ID="TreeView1" ExpandDepth="0" Runat="Server"
ShowLines="True">
<Nodes>
<asp:TreeNode Value="Marque 1" Expanded="True" Text="Client
1">
<asp:TreeNode Value="Dossier 1"
Expanded="True" Text="Dossier 1">
<asp:TreeNode
Value="Facture 1" Text="Facture 1">
</asp:TreeNode>
<asp:TreeNode
Value="Facture 1" Text="Facture 2">
</asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Value="Dossier 2" Text="Dossier
2">
</asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Value="Marque 2" Expanded="True"
Text="Client 2">
<asp:TreeNode Selected="True"
Value="Dossier 1" Text="Dossier 1">
</asp:TreeNode>
<asp:TreeNode Value="Dossier 2"
Text="Dossier 2">
</asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
|
Aprés compilation

2.2. L'événement SelectedNodeChanged
L'architecture de votre TreeView est dessiné. Nous allons maintenant créer un
événement à chaque clique.
Glisser un Label dans le mode Design.
Sélectionner la contrôle TreeView, dans les propriétés cliquez sur Events
.

Vous arrivez dans les propriétés du contrôle. Double cliqué sur
dans la case SelectNodeChanged. Vous devez arrivez directement dans le
code-behind.

L'événement est créer. Nous allons afficher le texte contenue
dans le noeud selectionné.
void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
Label1.Text = TreeView1.SelectedNode.Text;
}
|
Dans votre treeView vous devez avoir une propriété en plus :
<asp:TreeView
ID="TreeView1"
ExpandDepth="0"
OnSelectedNodeChanged="TreeView1_SelectedNodeChanged"
Runat="Server" ShowLines="True">
|
2.3. L'événement TreeNodeCollapsed
Si vous souhétez mettre en place un événement à chaque fois que le noeud d'un
TreeView se referme, vous devez suivre le même principe que ci dessus, mais en
double cliquant sur l'événement TreeNodeCollapsed.
2.4. L'événement TreeNodeExpanded
Si vous souhétez mettre en place un événement à chaque fois que le noeud d'un
TreeView se déploie, vous devez suivre le même principe que ci dessus, mais en
double cliquant sur l'événement TreeNodeExpanded.
|