Das wirklich nützliche Merkmal von ASP.NET ist seine Erweiterbarkeit. Entwickler auf der ganzen Welt können ihre eigenen benutzerdefinierten Steuerelemente erstellen, die einfach in Ihrem eigenen Prozess definiert werden können. Unter ihnen ist Internet Explorer Web Controls eine solche Sammlung, die von Microsoft außerhalb der Standard-ASP.NET-Steuerelemente erstellt wurde.
Die Laufwerke im Windows Explorer und die Dateien und Ordner darunter sind nach einer hierarchischen Struktur angeordnet. In diesem Steuerelementsatz gibt es ein Baumansichtssteuerelement, das uns die Möglichkeit bietet, Informationen in einer hierarchischen Struktur anzuzeigen. Das Treeview-Steuerelement enthält eine Liste von Elementen, die als Knoten bezeichnet werden. Jeder Knoten kann über eine eigene Knotensammlung verfügen, die eine tiefere Datendefinition bietet. Jeder Knoten kann reduziert werden, sodass der Besucher innerhalb eines Treeview-Steuerelements suchen und nur die Datenebene sehen kann, die ihn interessiert. Genau wie der Windows Explorer.
Das erste, was klargestellt werden muss, ist die Testumgebung, die nächste Arbeit wird sehr einfach sein:
Um dieses Steuerelement zu testen, müssen Sie über eine Datei namens IE WebControls verfügen. Die spezifische Datei kann hier heruntergeladen werden oder auf die Website von Microsoft gehen.
Installieren Sie es gemäß der von ihm bereitgestellten Methode. Wenn Sie sich nicht sicher sind, lesen Sie bitte sein Readme-Dokument sorgfältig durch.
Überspringen Sie hier die Download-Methode und gehen Sie direkt zur Umgebungskonfiguration:
IE Web Controls
1. Doppelklicken Sie, um die Installation abzuschließen. Standard: Systemdatenträger:ProgrammeIE Web Controls-Verzeichnis.
2. Führen Sie „Programm – Microsoft Visual Studio.NET 2003 – Visual Studio.NET-Tools – Microsoft Visual Studio.NET 2003-Eingabeaufforderung“ aus und geben Sie das Installationsverzeichnis von IE Web Control ein.
3. Führen Sie build.bat aus.
4. Führen Sie xcopy /s /i .buildRuntime (Website-Stammverzeichnis, Standardsystemfestplatte):Inetpubwwwrootwebctrl_client1_0 /y aus.
Klicken Sie mit der rechten Maustaste auf „Toolbox – Web Form“, wählen Sie „Elemente hinzufügen/entfernen ...“, wählen Sie im Popup-Dialogfeld die .net-Framework-Komponente aus, klicken Sie auf „Durchsuchen“ und suchen Sie die Datei IE WebControl.dll. Fügen Sie es einfach hinzu.
Dadurch wird die Betriebsumgebung konfiguriert. Als nächstes kommt die praktische Phase.
1. Definieren Sie das TreeView-Steuercode
-Kopierfeld
„Namespace importieren <%@ import namespace="Microsoft.web.UI.webcontros"%>“.
'Registrieren Sie diesen Namespace und geben Sie ihm ein TagPrefix, um die Definition von Steuerelementen in dieser Steuerelementbibliothek zu erleichtern <%@ register tagprefix = "iecontrols"
namespace="Microsoft.web.UI.webcontrols"
Assembly="microsoft.web.UI.webcontrols"
%>
„Nachdem Sie die Anweisungen festgelegt haben, können Sie ein Treeview-Steuerelement wie das folgende definieren: <iecontrols:treeview
id="tvbasic"
autoselect="false"
shopplus="true"
showlines="true"
expandlevel=2
runat="server"
＞
----------
＜/idcontrols:treeview＞
Im Folgenden wird der entsprechende Code erläutert:
autoselect = „false“
Wenn ein Besucher einen Knoten im TreeView-Steuerelement findet, kann er oder sie diese Positionierung mithilfe der Pfeile auf der Tastatur durchführen TreeView-Steuerelement Wenn der Wert auf TRUE gesetzt ist, können Sie mit den Tasten auf der Tastatur im Treeview-Steuerelement scrollen, um ein Element auszuwählen. Wenn es auf
„false“
gesetzt ist, ist dies nicht zulässig,wenn zwei Elemente in einer Baumansicht vorhanden sind Wenn die Knoten zusammen empfangen werden, können Sie ein Pluszeichen (+) anzeigen, damit Besucher wissen, dass der Knoten erweitert werden kann. Durch Festlegen des Attributs showplus können Sie steuern, ob das Pluszeichen an dieser Position angezeigt wird
Wenn der Wert dieses Attributs auf„true“
gesetzt ist, wird das Pluszeichen verwendet.
Andernfallskönnen einige Linien zwischen zwei Knoten in einem Treeview-Steuerelement angezeigt werden solche Zeilen
Expandlevel=2
Dieses Treeview-Steuerelement Die Expandlevel-Eigenschaft wird verwendet,
um die Anzahl der Ebenen zu bestimmen, die standardmäßig entlang der Hierarchie dieses Treeview-Steuerelements erweitert werden sollen
----------
＜/iecontrols:treeview＞
Zwischen den in diesem Treeview-Steuerelement definierten Start- und End-Tags können Sie einige Treenode-Steuerelemente definieren.
2. Verwenden Sie Treenode-Steuerelemente in Treeview-Steuerelementen
, Sie müssen ihm einige Treenode-Steuerelemente hinzufügen . Um einige Informationen anzuzeigen, wird das Treenode-Control als Element in der Treeview-Control angezeigt. Im Folgenden erfahren Sie, wie Sie ein Treeview-Control definieren Treenode in einem Treeview-Steuerelement.
In diesem Beispiel werden einige meiner Lieblingswebsites angezeigt, von denen jede eine unabhängige Website sein kann, oder es können sich andere Websites darunter befinden. Dieses Treeview-Steuerelement hat die folgende Definition:
Code-Kopierfeld
<iecontrols:treeview
id="tvwebsite"
autoselect="false"
showplus="true"
showlines="true"
expandlevel=2
runat = „Server“
＞
'Als nächstes definieren Sie in den öffnenden und schließenden Tags des Treeview-Steuerelements das Treenode-Steuerelement <iecontrols:treenode text="sites I oft visit">
＜idcontrols:treenode text="Website entwerfen"＞
＜idcontrols:treenode text="Blue Ideal" /＞
＜idcontrols:treenode text="Windy Day" /＞
＜idcontrols:treenode text="Design Alliance" /＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Programmierseite"＞
<iecontrols:treenode text="ASP-Programmierung">
＜iecontrols:treenode text="ASP COOL" /＞
＜iecontrols:treenode text=""/＞
＜/iecontrols:treenode＞
<iecontrols:treenode text="ASP.NET-Programmierung">
＜iecontrols:treenode text="Dotnet Technology Network" /＞
＜iecontrols:treenode text="asp.net"/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="Programmer Base Camp" /＞
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
Darunter ist ein zweistufiger Knoten definiert. Diese Baumansicht enthält zwei große Knoten: „Design Site“ und „Programming Site“, und es gibt zwei weitere Knoten in „Programming Site“. Knoten „ASP-Programmierung“ und „asp.net-Programmierung“, die jeweils andere Knoten definieren.
Beachten Sie den Unterschied zwischen einem Treenode-Steuerelement, das andere Knoten enthält, und einem unabhängigen Treenode-Steuerelement Diese untergeordneten Steuerelemente werden zwischen den Start- und End-Tags ihrer übergeordneten Steuerelemente definiert:
<iecontrols:treenode text="">
＜/iecontrols:treenode＞
Bei einem unabhängigen Treenode-Steuerelement sind seine Start- und End-Tags jedoch in sich geschlossen:
＜iecontrols:treenode text="" /＞
Wenn die Seite zum ersten Mal geladen wird, ist dies die Erweiterung des gesamten Ansichtsknotens. Da der Wert des Attributs „expandlevel“ hier auf 2 gesetzt ist, werden Knoten auf allen Ebenen angezeigt. Darüber hinaus ist zu beachten, dass die Verbindung zwischen Knoten und Linien in allen angezeigten Ansichten gilt, da sowohl das Attribut „showlines“ als auch das Attribut „showplus“ wahr sind Es werden Verbindungsfelder angezeigt.
„Sites, die ich oft besuche“ ist das aktuell ausgewählte Knotenelement. Der Besucher kann die Eingabetaste drücken oder mit der Maus auf diesen Knoten klicken, um entlang der Baumansichtshierarchie zu navigieren.