La fonctionnalité vraiment utile d'ASP.NET est son extensibilité. Les développeurs du monde entier peuvent créer leurs propres contrôles personnalisés qui peuvent être facilement définis dans votre propre processus. Parmi eux, les contrôles Web Internet Explorer sont une telle collection créée par Microsoft en dehors des contrôles ASP.NET standard.
Les lecteurs de l'Explorateur Windows et les fichiers et dossiers qu'ils contiennent sont organisés selon une structure hiérarchique. Dans cet ensemble de contrôles, il existe un contrôle arborescent qui nous permet d'afficher les informations dans une structure hiérarchique. Le contrôle TreeView contient une liste d'éléments appelés nœuds. Chaque nœud peut avoir sa propre collection de nœuds, fournissant une définition de données plus approfondie. Chaque nœud peut être réduit, permettant au visiteur de rechercher dans un contrôle arborescent et de voir uniquement le niveau de données qui l'intéresse. Tout comme l'Explorateur Windows.
La première chose à préciser est l'environnement de test Tant que l'environnement est correct, le prochain travail sera très simple :
pour tester ce contrôle, vous devez disposer d'un fichier appelé IE WebControls. Le fichier spécifique peut être téléchargé en cliquant ici. ou en allant sur le site Web de Microsoft.
Installez selon la méthode qu'il a fournie. Si vous n'êtes pas sûr, veuillez lire attentivement son document Lisez-moi.
Ignorez la méthode de téléchargement ici et accédez directement à la configuration de l'environnement :
IE Web Controls
1. Double-cliquez pour terminer l'installation. Par défaut : disque système :program filesIE Web Controls répertoire.
2. Exécutez "Programme - Microsoft Visual Studio.NET 2003 - Visual Studio.NET Tools - Microsoft Visual Studio.NET 2003 Command Prompt" et entrez dans le répertoire d'installation d'IE Web Control.
3. Exécutez build.bat.
4. Exécutez xcopy /s /i .buildRuntime (répertoire racine du site Web, disque système par défaut) :Inetpubwwwrootwebctrl_client1_0 /y.
Faites un clic droit sur "Boîte à outils - Formulaire Web", sélectionnez "Ajouter/Supprimer des éléments...", sélectionnez le composant framework .net dans la boîte de dialogue contextuelle, cliquez sur "Parcourir" et recherchez le fichier IE WebControl.dll. Ajoutez-le simplement.
Ceci configure l'environnement d'exploitation. Vient ensuite l’étape pratique.
1. Définissez la
zone de copie du code
du contrôle TreeView'Import namespace <%@ import namespace="Microsoft.web.UI.webcontros"%>
'Enregistrez cet espace de noms et attribuez-lui un TagPrefix pour faciliter la définition des contrôles dans cette bibliothèque de contrôles <%@register tagprefix = "iecontrols"
espace de noms="Microsoft.web.UI.webcontrols"
assembly="microsoft.web.UI.webcontrols"
%>
'Après avoir défini les instructions, vous pouvez définir un contrôle TreeView comme le suivant <iecontrols:treeview
identifiant = "tvbasic"
sélection automatique = "faux"
shoplus="vrai"
showlines="vrai"
niveau d'expansion = 2
runat="serveur"
＞
----------
＜/idcontrols:treeview＞
Ce qui suit explique le code correspondant :
autoselect = "false"
Lorsqu'un visiteur localise un nœud dans le contrôle TreeView, il peut utiliser les flèches du clavier pour effectuer ce positionnement en utilisant l'attribut autoselect du. Contrôle TreeView Lorsque la valeur est définie sur TRUE, vous pouvez utiliser les touches du clavier pour faire défiler le contrôle TreeView afin de sélectionner un élément. Si la valeur est false, cela n'est pas autorisé
lorsque
deux éléments sont présents dans une arborescence
.contrôle Lorsque les nœuds sont reçus ensemble, vous pouvez afficher un signe plus (+) afin que les visiteurs sachent que le nœud peut être développé. En définissant l'attribut showplus, vous pouvez contrôler si le signe plus est affiché à cette position. La valeur de cet attribut est définie sur true, il utilisera le signe plus ; sinon, ne l'utilisez pas
showlines="true"
pour afficher certaines lignes entre deux nœuds dans un contrôle treeview. En définissant la propriété showlines, vous pouvez contrôler s'il faut afficher. Expandlevel
=2
Ce contrôle Treeview La propriété Expandlevel est utilisée pour déterminer le nombre de niveaux à développer le long de la hiérarchie de ce contrôle TreeView par défaut
<iecontrols:treeview>
.
----------
＜/iecontrols:treeview＞
Entre les balises de début et de fin définies dans ce contrôle TreeView, vous pouvez définir des contrôles TreeNode.
2. Utilisez des contrôles TreeNode dans les contrôles TreeView.
Si vous créez un contrôle TreeView, vous devez y ajouter des contrôles TreeNode. . Pour afficher certaines informations. Le contrôle Treenode est affiché comme un élément dans la hiérarchie du contrôle TreeNode. Le contrôle Treenode peut également exister indépendamment. Ce qui suit vous montrera comment définir un contrôle TreeNode. Treenode dans un contrôle TreeView.
Cet exemple affichera certains de mes sites Web préférés, chacun pouvant être un site Web indépendant, ou il peut y avoir d'autres sites Web en dessous. Ce contrôle TreeView a la définition suivante :
Zone de copie de code
<iecontrols:treeview.
id="sitewebtv"
sélection automatique = "faux"
showplus="vrai"
showlines="vrai"
niveau d'expansion = 2
runat = "serveur"
＞
'Ensuite, dans les balises d'ouverture et de fermeture du contrôle treeview, définissez le contrôle treenode <iecontrols:treenode text="sites que je visite souvent">
＜idcontrols:treenode text="Site de conception"＞
＜idcontrols:treenode text="Bleu Idéal" /＞
＜idcontrols:treenode text="Jour venteux" /＞
＜idcontrols:treenode text="Design Alliance" /＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Site de programmation"＞
<iecontrols:treenode text="Programmation ASP">
＜iecontrols:treenode text="ASP COOL" /＞
＜iecontrols:treenode text=""/＞
＜/iecontrols:treenode＞
<iecontrols:treenode text="Programmation ASP.NET">
＜iecontrols:treenode text="Réseau technologique Dotnet" /＞
＜iecontrols:treenode text="asp.net"/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Camp de base du programmeur" /＞
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
Parmi eux, un nœud à deux niveaux est défini. Cette arborescence contient deux grands nœuds : « Site de conception » et « Site de programmation », et il y a deux autres nœuds dans « Site de programmation ». nœuds "ASP Programming" et "asp.net Programming", dont chacun définit d'autres nœuds.
Faites attention à la différence entre un contrôle treenode qui contient d'autres nœuds et un contrôle treenode indépendant lorsqu'un contrôle treenode contient également d'autres nœuds. contrôles, ces contrôles enfants sont définis entre les balises de début et de fin de leurs contrôles parents :
<iecontrols:treenode text="">
＜/iecontrols:treenode＞
Mais pour un contrôle treenode indépendant, ses balises de début et de fin sont autonomes :
＜iecontrols:treenode text="" /＞
Lorsque la page est chargée pour la première fois, il s'agit de l'expansion de l'ensemble du nœud de vue . Étant donné que la valeur de l'attribut expandlevel est ici définie sur 2, les nœuds à tous les niveaux seront affichés. De plus, il convient de noter que puisque les attributs showlines et showplus sont tous deux vrais, dans toutes les vues affichées, la connexion entre les nœuds Les lignes et. les boîtes de connexion s'affichent.
"Sites que je visite souvent" est l'élément de nœud actuellement sélectionné. Le visiteur peut appuyer sur Entrée ou cliquer sur ce nœud. Ensuite, le visiteur peut utiliser les flèches du clavier pour naviguer dans la hiérarchie de l'arborescence.