TreeView avec ASP.NET 2 Whidbey
[20 mn de lecture - paru le 10/11/2004 12:08:12 PM - Public : Débutant]
|
   
|
Auteur
1. Prise en main des TreeView
1.1. Contrôle web TreeView
Pour utiliser ce contrôle, il vous suffit de drag and dropper le contrôle dans la zone "
Design".

Asp.Net 2 va vous faciliter l'utilisation de ce contrôle web.
Sans aller dans les propriétés du Contrôle TreeView, vous allez pouvoir choisir
la source de données qui va alimenter le treeView (que nous verrons dans le chapitre 3 source de données XML et 4 source de données Sql),
de remplir et struturer vous même le contenu du Contrôle. Et même de changer l'ergonomie de votre TreeView.
1.2. Tâches communes
Sur le coin droit en haut, cliquez sur la Fléche.
- Choisir la source de données (Xml, Sql...)
- Auto Format : permet de changer le Skin du TreeView grâce une
bibliothéque intégrée à Whidbey.
- Editer les noeuds. Si vous ne souhaitez pas utiliser une source de données
vous pouvez vous même remplir la structure du TreeView manuellement.
- Customize Line Image : permet de faire directement vos skins (changer les
icones, les couleurs ...) pour vos TreeView.
- Show Lines : permet de dessiner ou non les lignes de l'arborésence.

Vous avez le choix entre plusieurs Format pré-enregistré :

Une quinzaine de formats sont à votre disposition, dont voici un échantillon :
XPFileExplorer |
Contact |
Help |
Msdn |
1.3. Editer manuellement les noeuds
1.3.1. Modéliser l'architecture de votre TreeView
Pour éditer les noeuds cliquez sur la Fléche droite du contrôle TreeView. Puis cliquez sur "Edit Nodes..."

Dans la boîte de dialogue vous pouvez desiner vous même l'architecture de votre TreeView.
1.3.1. Personnaliser votre TreeView
Pour personnaliser votre TreeView cliquez sur : Customize Line Image...

Vous pouvez personnaliser les images, les couleurs....
1.4. Directive Page
Dans votre directive Page n'oubliez pas de mettre "validateRequest=false", si vous souhaitez mettre des balises HTML dans votre TreeView. Pour les accents vous êtes obliger le faire. Exemple pour Année : Année.
|