<\/p>\n
Im Beitrag TreeView-Konfigurator (www.access-im-unternehmen.de\/667) haben wir Ihnen den TreeView-Konfigurator vorgestellt, mit dem Sie ganz einfach TreeViews mit den Daten aus Ihren Tabellen füllen könen. Diese Lösung haben wir kräftig überarbeitet: Sie können nun noch einfacher die Daten festlegen, die im TreeView-Steuerelement landen sollen, auf mehr Ereignisse reagieren und sogar Daten aus rekursiven Beziehungen dort unterbringen. Im vorliegenden Beitrag zeigen wir Ihnen, wie Sie den TreeView-Konfigurator einsetzen.<\/b><\/p>\n
Vorbereitung<\/b><\/p>\n
Die aktuelle Version des TreeView-Konfigurators liegt nicht mehr in Form einzelner Tabellen, Abfragen, Formulare und Module vor, die Sie in die Zieldatenbank kopieren müssen, sondern in einer Bibliotheksdatenbank. Das bedeutet, dass Sie diese Bibliothek in Ihren Verweisen referenzieren müssen. Anschließend reicht es aus, die Bibliotheksdatenbank im gleichen Verzeichnis zu speichern, in dem sich auch die Datenbank mit dem Verweis befindet.<\/p>\n
Insgesamt sind folgende Schritte nötig:<\/p>\n
![\"pic013.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic013.png\")
<\/p>\n
Bild 1: Verweis auf die TreeViewConfigurator-Datenbank<\/span><\/b><\/p>\n Außerdem benötigen Sie zwingend einen Verweis auf die Bibliothek Microsoft Office x.0 Object Library<\/b>.<\/p>\n Den TreeView-Konfigurator an Bord holen<\/b><\/p>\n Der TreeView-Konfigurator tritt im Wesentlichen durch das Formular frmTreeViewHandler <\/b>in Erscheinung. Dieses Formular erlaubt die vollständige Konfiguration eines oder mehrerer TreeViews. Das Formular steckt allerdings, genau wie die komplette Logik des TreeView-Konfigurators, in der Bibliotheksdatenbank TreeViewConfigurator.mde<\/b>. Diese Datenbank enthält eine öffentliche Prozedur namens OpenTreeViewConf <\/b>zum Anzeigen des TreeView-Konfigurator-Formulars. Sie können diese nun jeweils über das Direktfenster aufrufen, aber es gibt noch eine elegantere Lösung. Dazu legen Sie einfach ein neues Formular namens frmTreeViewHandler <\/b>in der Zieldatenbank an. Fügen Sie diesem Formular lediglich eine Ereignisprozedur hinzu, die durch das Ereignis Beim Öffnen <\/b>ausgelöst wird und die wie folgt aussieht:<\/p>\n Diese Prozedur öffnet mit OpenTreeViewConf <\/b>das Formular frmTreeViewConf <\/b>in der Bibliotheksdatenbank. Die Angabe der GUID ist nötig, damit Sie den TreeView-Konfigurator für verschiedene Anwendungen nutzen können.<\/p>\n Der Konfigurator zeigt dann nur die TreeView-Daten an, die zur aktuellen Anwendung gehören. Vergeben Sie daher für jede Anwendung eine neue GUID. Durch das Einstellen des Parameters Cancel <\/b>auf den Wert True <\/b>wird das Öffnen des entsprechenden Formulars in der Zieldatenbank abgebrochen. Auf diese Weise öffnen Sie das Formular der Bibliotheksdatenbank so, als ob es sich selbst in der Zieldatenbank befinden würde (s. Bild 2).<\/p>\n Bild 2: Die Benutzeroberfläche des TreeView-Handlers<\/span><\/b><\/p>\n Grundgerüst<\/b><\/p>\n Legen Sie dann ein neues, leeres Formular an und speichern Sie es unter dem gewünschten Namen. Fügen Sie ein TreeView<\/b>-Steuerelement und ein ImageList<\/b>-Steuerelement hinzu und stellen Sie deren Namen auf ctlTreeView <\/b>und ctlImageList <\/b>ein. Ziehen Sie das TreeView<\/b>-Steuerelement auf die gewünschte Größe. Das ImageList<\/b>-Steuerelement platzieren Sie irgendwo – es erscheint ohnehin nicht in der Formularansicht.<\/p>\n Dann legen Sie eine Ereignisprozedur für das Ereignis Beim Laden <\/b>des Formulars an. Dieses enthält die wesentlichen Schritte zum Füllen des TreeView-Steuerelements mit den gewünschten Daten:<\/p>\n Die hier referenzierte Objektvariable objTreeViewHandler <\/b>deklarieren Sie wie folgt im Kopf des Klassenmoduls:<\/p>\n Die Prozedur erzeugt zunächst eine neue Instanz der Steuerungsklasse für das TreeView<\/b>-Steuerelement. Dann weist sie den Eigenschaften der Steuerungsklasse Verweise auf das für Icons zu verwendende ImageList<\/b>-Steuerelement sowie das TreeView<\/b>-Steuerelement zu. Die weiteren Eigenschaften Appearance<\/b>, LineStyle<\/b>, Style <\/b>und Indentation <\/b>sorgen für die gewünschte Optik und entsprechen den gleichnamigen Eigenschaften des TreeView<\/b>-Steuerelements. Interessant und notwendig sind die beiden letzten Anweisungen: InitTreeView <\/b>initialisiert das TreeView<\/b>-Steuerelement und FillTree <\/b>füllt es mit den festgelegten Daten.<\/p>\n Speichern Sie dieses Formular nun unter dem Namen frmTreeView_Basis<\/b>. Sie können es dann zum Nachvollziehen der folgenden Beispiele jeweils kopieren.<\/p>\n Sie brauchen es dann nur unter einem dem Beispiel entsprechenden Namen zu speichern und in der folgenden Zeile der Prozedur Form_Load<\/b> den Platzhalter <ID> <\/b>durch den im Formular frmTreeViewConf <\/b>angezeigten Wert zu ersetzen:<\/p>\n Der Parameter der Methode InitTreeView <\/b>entspricht der ID des im Formular frmTreeViewHandler <\/b>festgelegten Baums. Das bedeutet: Sie können mehrere Bäume definieren und diese in verschiedenen Formularen anzeigen.<\/p>\n Ein Wechsel in die Formularansicht liefert nun lediglich die Meldung, dass noch keine TreeView-Konfiguration festgelegt wurde. Dies holen Sie nun nach, wobei dieser Beitrag verschiedene Konfigurationen vorstellt.<\/p>\n Kunden anzeigen<\/b><\/p>\n Öffnen Sie erstmalig das Formular frmTreeViewConf<\/b>. Dieses fragt zunächst per InputBox<\/b> den Namen des ersten anzulegenden TreeViews ab (s. Bild 3). Geben Sie hier einfach einen Namen ein, anhand dessen Sie das TreeView später identifizieren können – der Benutzer bekommt diese Bezeichnung nicht zu sehen.<\/p>\n Bild 3: Angabe des TreeView-Namens<\/span><\/b><\/p>\n Das erste Beispiel soll zeigen, wie Sie die Daten einer einfachen Tabelle im TreeView anzeigen. Dazu weisen Sie folgenden Eigenschaften des neuen TreeViewConf-Datensatzes die angegebenen Werte zu:<\/p>\n Die Konfiguration ist fertig, nun kopieren Sie das Basisformular frmTreeView_Basis <\/b>nach frmTreeView_NurKunden <\/b>und stellen die ID in der oben angegegebenen Codezeile auf den oben im Formular frmTreeViewConf <\/b>angegebenen Wert für Aktuelle ID: <\/b>ein (in der Beispieldatenbank steht dort der Wert 7<\/b>). Wenn Sie nun in die Entwurfsansicht wechseln, sollte der Baum wie in Bild 4 gefüllt werden.<\/p>\n Bild 4: Ein TreeView mit Kunden-Elementen, aber ohne Images<\/span><\/b><\/p>\n Images hinzufügen<\/b><\/p>\n Jeder Kunde soll durch das gleiche Bild repräsentiert werden. Sie benötigen dazu Bilddateien in einem gängigen Format, wir haben PNGs dazu verwendet. Alle Bilddateien, die im TreeView erscheinen sollen, speichern Sie in der Tabelle tblImages<\/b>. Am einfachsten gelingt dies mit dem Tool Picture2OLE<\/b> (www.acciu.de\/picture2ole<\/b>).<\/p>\n Die in der Tabelle tblImages <\/b>gespeicherten Bilder können Sie über eines der beiden Kombinationsfelder der Eigenschaft Icon <\/b>im Formular frmTreeViewConf <\/b>auswählen. Mit dem linken der beiden Kombinationsfelder legen Sie ein Feld der unter Tabelle\/Abfrage <\/b>angegebenen Tabelle oder Abfrage fest, das den Namen einer Bilddatei liefern soll, mit dem rechten ein Standardbild für Elemente dieser Tabelle\/Abfrage.<\/p>\n Die erste Variante ermöglicht, dass Sie für jeden Datensatz ein individuelles Icon anzeigen können. Das bietet sich beispielsweise an, wenn Sie männliche und weibliche Kunden mit unterschiedlichen Symbolen darstellen möchten.<\/p>\n Als Erstes testen wir die Variante mit dem fixen Icon für alle Datensätze der Hierarchie-Ebene des Baums. Wählen Sie einen Eintrag des rechten Kombinationsfelds der Eigenschaft Icon<\/b> aus. Speichern Sie den Datensatz und öffnen Sie erneut das Formular frmTreeView_NurKunden<\/b>. Das Ergebnis sieht schon besser aus (s. Bild 5).<\/p>\n Bild 5: Kunden mit Icon<\/span><\/b><\/p>\n Kunden mit Root-Knoten<\/b><\/p>\n Die Kunden-Elemente befinden sich auf der ersten Hierarchie-Ebene des TreeView-Steuerelements. Wenn Sie nicht nur Kunden, sondern noch weitere Elemente auf der gleichen Ebene unterbringen möchten, sollten Sie diese jeweils unterhalb eines Hauptknotens organisieren. Dies ist allein deshalb praktisch, weil sich so komplette Elementgruppen ausblenden lassen.<\/p>\n Fügen wir der TreeView-Konfiguration also nun einen Hauptknoten für die Kunden hinzu (Beispieldatenbank: frmTreeView_KundenMitRoot<\/b>, TreeView-ID 9<\/b>). Dazu legen Sie im Formular frmTreeViewConf <\/b>einen neuen Datensatz an, der folgende Eigenschaften enthält:<\/p>\n Fügen Sie eine weitere Tabelle mit der Schaltfläche Neue Tabelle <\/b>hinzu. Tragen Sie für diese genau die gleichen Daten wie für tblKunden <\/b>im ersten Beispiel ein.<\/p>\n Nun würde das Formular frmTreeView_Kunden <\/b>den Eintrag Kunden <\/b>auf der gleichen Ebene wie die Kundeneinträge selbst anzeigen. Damit die Kunden unterhalb dieses Eintrags erscheinen, bearbeiten Sie nun den zuerst angelegten Datensatz im Formular frmTreeViewConf<\/b>. Dort legen Sie für die Eigenschaft Übergeordnete Tabelle <\/b>schlicht und einfach den Namen des Wertes von Tabelle\/Abfrage des Eintrags für den Kunden-Basisknoten fest, also KundenRoot<\/b>. Außerdem aktivieren Sie die Option Alle anzeigen<\/b>.<\/p>\n Kopieren Sie das Formular frmTreeView_Base <\/b>nach frmTreeView_KundenMitRoot <\/b>und legen Sie in der Ereignisprozedur Beim Laden <\/b>die TreeView-ID aus dem TreeViewConf<\/b>-Formular fest (in der Beispieldatenbank 9<\/b>).<\/p>\n Beim Öffnen des Formulars frmTreeView_Kunden <\/b>erscheint nun der minimierte Kunden-Knoten, den Sie wie in Bild 6 durch einen Mausklick auf das Plus-Zeichen erweitern können.<\/p>\n Bild 6: Kunden-Hauptknoten mit Untereinträgen<\/span><\/b><\/p>\n Sie können auch festlegen, dass das Kunden-Basiselement direkt beim Anzeigen des Formulars ausgeklappt wird. Dazu aktivieren Sie einfach das Kontrollkästchen rechts neben der Eigenschaft Expanded-Wert für die Tabelle\/Abfrage KundenRoot <\/b>im Formular frmTreeViewConf<\/b>. Mit dem Kombinationsfeld links daneben können Sie wiederum ein Feld auswählen, das den individuellen Expanded<\/b>-Wert für jeden einzelnen Knoten für eine Tabelle\/Abfrage liefert. Sie haben dann die Möglichkeit, durch entsprechenden Code das Ein-\/Ausklappen-Ereignis des TreeViewHandlers <\/b>abzugreifen und den Expanded<\/b>-Wert in der jeweiligen Tabelle zu speichern.<\/p>\n Eine weitere Ebene: Projekte<\/b><\/p>\n Nun soll das TreeView-Steuerelement Einträge aus einer per 1:n-Beziehung verknüpften Tabelle anzeigen, in diesem Fall tblProjekte<\/b> (mit den Feldern ProjektID<\/b>, Projektbezeichnung <\/b>und KundeID<\/b>). Die Datensätze dieser Tabelle werden über das Fremdschlüsselfeld KundeID <\/b>mit den Datensätzen der Kundentabelle verknüpft.<\/p>\n Damit diese Datensätze im TreeView-Steuerelement unterhalb der Kunden-Datensätze angezeigt werden, erstellen Sie im TreeViewConf<\/b>-Formular ein neues TreeView. In einer zusätzlich zu den bestehenden Tabellen-Ebenen angelegten Ebene im TreeView-Konfigurator legen Sie die folgenden Eigenschaften fest (in der Beispieldatenbank im Formular frmTreeView_KundenMitProjekten <\/b>beziehungsweise TreeView-ID 10 <\/b>zu finden):<\/p>\n Dadurch, dass Sie der Eigenschaft Übergeordnete Tabelle <\/b>den Wert tblKunden <\/b>und der Eigenschaft Fremdschlüssel <\/b>den Wert KundeID <\/b>zuweisen, erkennt der TreeView-Konfigurator automatisch, dass das TreeView-Steuerelement unterhalb eines Elements aus der Tabelle tblKunden <\/b>alle Elemente der Tabelle tblProjekte <\/b>anzeigen soll, deren Fremdschlüsselfeld KundeID <\/b>dem gleichnamigen Primärschlüsselfeld der übergeordneten Tabelle entspricht. Das Ergebnis sieht schließlich wie in Bild 7 aus.<\/p>\n Bild 7: Tabellen einer 1:n-Beziehung im TreeView<\/span><\/b><\/p>\n Zwischenelement für Projekte<\/b><\/p>\n Nun kann es auch beim Kunden-Element vorkommen, dass Sie diesem nicht nur die Projekte des Kunden, sondern beispielsweise auch seine Ansprechpartner unterordnen möchten. ähnlich wie beim Root-Element für die Kunden wäre auch hier ein Zwischenelement wie Projekte <\/b>(beziehungsweise Ansprechpartner<\/b>) sinnvoll. Dieses legen Sie in einer neuen Ebene an, die folgende Eigenschaften erhält (siehe Formular frmTreeView_KundenMitProjektenRoot<\/b>, TreeView-ID 11<\/b>):<\/p>\n <\/p>\n Außerdem müssen Sie wieder, wie schon bei den Kunden und dem Kunden-Root-Element, den Eintrag für die Tabelle tblProjekte <\/b>anpassen. Dort wählen Sie unter Übergeordnete Tabelle <\/b>den Eintrag KundenRoot <\/b>aus.<\/p>\n Zwischen Kunden und Projekte schiebt sich nun noch jeweils ein Projekte<\/b>-Element (s. Bild 8).<\/p>\n Bild 8: Projekte mit Rootknoten<\/span><\/b><\/p>\n Daten aus m:n-Beziehungen<\/b><\/p>\n Wenn Sie den jeweiligen Projekten noch die Mitarbeiter zuordnen möchten, die sich mit einem Projekt beschäftigen, benötigen Sie eine m:n-Beziehung zwischen der Tabelle tblProjekte <\/b>und einer weiteren Tabelle namens tblMitarbeiter <\/b>mit den beiden Feldern MitarbeiterID <\/b>und Mitarbeiter <\/b>(dieses enthält den kompletten Namen des Mitarbeiters in der Form <Nachname>, <Vorname><\/b>). Die Verknüpfungstabelle heißt tblMitarbeiterProjekte <\/b>und enthält neben dem Primärschlüsselfeld MitarbeiterProjektID <\/b>zwei Fremdschlüsselfelder namens MitarbeiterID <\/b>und ProjektID<\/b>.<\/p>\n Um nun unter jedem Projekt die richtigen Mitarbeiter anzuzeigen, benötigen Sie eine Abfrage, welche die benötigten Felder aus den beiden Tabellen tblMitarbeiterProjekte <\/b>und tblMitarbeiter <\/b>zusammenführt (s. Bild 9).<\/p>\n Bild 9: Zuordnung von Mitarbeitern zu Projekten<\/span><\/b><\/p>\n Sie benötigen folgende Felder aus den beiden Tabellen: Aus der Tabelle tblMitarbeiterProjekte <\/b>benötigen Sie das Feld ProjektID<\/b>, um die Mitarbeiter-Elemente dem jeweiligen Projekt-Element zuordnen zu können. Außerdem benötigen Sie das Primärschlüsselfeld der Verknüpfungstabelle, MitarbeiterProjektID<\/b>. Wenn über das TreeView-Steuerelement ein Mitarbeiter von einem Projekt abgezogen werden soll, darf schließlich nicht der Mitarbeiter gelöscht werden, sondern nur der Datensatz der Tabelle tblMitarbeiterProjekte<\/b>, der den Mitarbeiter mit dem Projekt verknüpft. Außerdem benötigen Sie aus der Tabelle tblMitarbeiter <\/b>die Bezeichnung des jeweiligen Mitarbeiters und, egal aus welcher Tabelle, das Feld MitarbeiterID<\/b>. Darüber können Sie bei einem Klick auf einen Mitarbeiter-Knoten gegebenenfalls Details zu diesem Mitarbeiter anzeigen.<\/p>\n Für dieses Beispiel verwenden wir in der Beispieldatenbank das Formular frmTreeView_ProjekteKundenMitarbeiter<\/b> sowie die TreeView-ID 11<\/b>.<\/p>\n Bei der Zuweisung der Werte für die Eigenschaften ergeben sich einige Neuerungen gegenüber den vorherigen Beispielen:<\/p>\n Das Ergebnis finden Sie in Bild 10.<\/p>\n Bild 10: Kunden, Projekte und per m:n-Beziehung verknüpfte Mitarbeiter<\/span><\/b><\/p>\n Reflexive Beziehungen<\/b><\/p>\n Auch vor Daten aus reflexiven Beziehungen, also solchen, bei denen die Datensätze einer Tabelle mit einem oder mehreren anderen Datensätzen der gleichen Tabelle verknüpft werden, macht der TreeView-Konfigurator nicht Halt.<\/p>\n Als Test hängen wir an unser Beispiel die Hierarchie der Mitarbeiter an. Diese könnte man über ein zusätzliches Fremdschlüsselfeld in der Tabelle tblMitarbeiter <\/b>realisieren, aber günstiger ist es, eine m:n-Beziehung zwischen den Primärschlüsselfeldern zweier in Beziehung stehender Mitarbeiter herzustellen.<\/p>\n Die m:n-Beziehung heißt tblVorgesetzteMitarbeiter<\/b> und enthält zwei Fremdschlüsselfelder namens VorgesetzterID <\/b>und UntergebenerID<\/b>, die beide mit dem Feld MitarbeiterID <\/b>der Tabelle tblMitarbeiter <\/b>verknüpft sind (s. Bild 11).<\/p>\n Bild 11: Reflexive Beziehung zwischen Vorgesetzten und Untergebenen<\/span><\/b><\/p>\n Wie können wir diese reflexive Beziehung nun mithilfe des TreeView-Konfigurators darstellen<\/p>\n Als Erstes fügen Sie dem Baum einen weiteren Root-Knoten namens MitarbeiterRoot <\/b>und mit dem Text Mitarbeiter <\/b>hinzu, der auf der gleichen Ebene wie der Root-Knoten Kunden <\/b>liegt.<\/p>\n In der Beispieldatenbank finden Sie das Formular unter dem Namen frmTreeView_VorgesetzteUntergebene<\/b>, die TreeView-ID lautet 12<\/b>.<\/p>\n Das Mitarbeiter-Root-Element hat folgende Eigenschaften:<\/p>\n Reihenfolge hinzufügen<\/b><\/p>\n Das TreeView-Steuerelement zeigt nun zwei Root-Elemente an, Kunden <\/b>und Mitarbeiter<\/b>. Wenn Sie die Reihenfolge fest vorgeben wollen, weisen Sie der Eigenschaft Reihenfolge <\/b>beider Root-Elemente im TreeView-Konfigurator entsprechende Zahlenwerte zu, beispielsweise 1 <\/b>und 2<\/b>.<\/p>\n Darstellung reflexiver Elemente<\/b><\/p>\n Für die Darstellung reflexiver Elemente brauchen wir insgesamt drei Einträge im TreeView-Konfigurator: Einer soll alle Mitarbeiter liefern, die keinen Vorgesetzten haben.<\/p>\n Diese sind selbst Vorgesetzte und landen dementsprechend direkt in der ersten Ebene unterhalb des generischen Mitarbeiter<\/b>-Elements.<\/p>\n Der zweite Eintrag im TreeView-Konfigurator bildet die erste Ebene der reflexiven Beziehung unterhalb der obersten Ebene ab. Die dritte bedient schließlich alle weiteren Ebenen.<\/p>\n Erstellen Sie zunächst eine Abfrage für die oberste Ebene. Diese sieht wie in Bild 12 aus. Sie enthält die Tabellen tblMitarbeiter <\/b>und tblVorgesetzteUntergebene<\/b>.<\/p>\n Bild 13: TreeView-Steuerelement mit einem Vorgesetzten<\/span><\/b><\/p>\n Damit diese nur Vorgesetzte anzeigt, also Mitarbeiter, die in der Tabelle tblVorgesetzteMitarbeiter<\/b> nirgends als Untergebener aufgeführt werden, nehmen Sie zwei Einstellungen vor:<\/p>\n Die Beziehung soll alle Datensätze der Tabelle tblMitarbeiter <\/b>anzeigen und nur diejenigen Daten der Tabelle tblVorgesetzteUntergebene<\/b>, für die auch ein Datensatz vorliegt (Doppelklick auf den Beziehungspfeil, dann in den Verknüpfungseigenschaften die entsprechende Option auswählen). Dies zeigt zunächst alle Mitarbeiter an.<\/p>\n Für die Mitarbeiter, die keinen Vorgesetzten haben, liefert das Feld VorgesetzterUntergebenerID <\/b>folglich keinen Wert. Und damit die Abfrage genau diese Einträge zurückliefert, stellen Sie als Kriterium für das Feld VorgesetzterUntergebenerID <\/b>den Wert Ist Null <\/b>ein.<\/p>\n Anschließend fügen Sie einen neuen Eintrag im TreeView-Konfigurator mit den folgenden Eigenschaften hinzu:<\/p>\n Der Baum sieht nun wie in Bild 13 aus.<\/p>\n Bild 12: Diese Abfrage liefert nur Vorgesetzte.<\/span><\/b><\/p>\n Untergebene hinzufügen<\/b><\/p>\n Kommen wir nun zu den unteren Ebenen der Hierarchie, die Sie, wie oben beschrieben, über zwei Einträge im TreeView-Konfigurator realisieren. Beide verwenden die gleiche Abfrage als Tabelle\/Abfrage<\/b>. Diese heißt qryVorgesetzteUntergebene<\/b> und sieht wie in Bild 14 aus.<\/p>\n Bild 14: Datenherkunft für die Ermittlung der Mitarbeiter-Hierarchie<\/span><\/b><\/p>\n Für die erste Ebene der Untergebenen stellen Sie die Eigenschaften im TreeView-Konfigurator wie folgt ein:<\/p>\n Die zweite Ebene sieht bis auf die folgenden Elemente genau so aus:<\/p>\n Das bedeutet, dass diese Ebene qryVorgesetzteUntergebene <\/b>sowohl als Tabelle\/Abfrage <\/b>als auch als Übergeordnete Tabelle <\/b>verwendet und somit einen rekursiven Aufbau des Baums wie in Bild 15 bewirkt.<\/p>\n Bild 15: Komplette Mitarbeiter-Hierarchie<\/span><\/b><\/p>\n Drag and Drop<\/b><\/p>\n Mit dem TreeView-Konfigurator können Sie festlegen, wie die im TreeView-Steuerelement angezeigten Daten auf Drag and Drop reagieren sollen. Grundsätzlich ist Drag and Drop deaktiviert. Es lässt sich aber in zwei Stufen für jede Ebene aktivieren, was bedeutet, dass der TreeView-Handler überhaupt reagiert, wenn der Benutzer versucht, einen Eintrag per Drag and Drop zu bewegen.<\/p>\n Die erste Stufe bezieht sich auf das normale Drag and Drop, das ein Verschieben des Elements bewirkt – also genau so, wie Sie es vom Windows Explorer her kennen, wenn Sie Dateien oder Verzeichnisse von einem zum anderen Verzeichnis verschieben. Die zweite Variante erfordert das gleichzeitige Drücken der Strg<\/b>-Taste und kopiert den gezogenen Eintrag, sodass das Original am Ausgangsort verbleibt und unter dem Zielelement eine Kopie angelegt wird.<\/p>\n Beides macht natürlich nur unter bestimmten Umtänden Sinn. Im Falle des Formulars frmTreeView_KundenMitProjekten<\/b> können Sie beispielsweise ein Projekt von einem Kunden zum nächsten ziehen oder bei gedrückter Strg<\/b>-Taste eine Kopie des Projekt-Datensatzes für einen weiteren Kunden anlegen. <\/p>\n Wenn Sie nur das Verschieben ermöglichen wollen, aktivieren Sie für den Eintrag tblProjekte <\/b>im TreeView-Konfigurator die Option Verschieben per Drag and Drop<\/b>.<\/p>\n Anschließend können Sie einen Projekt-Eintrag von einem Kunden-Element auf ein anderes Kunden-Element ziehen. Das Zielelement wird farbig markiert, damit Sie erkennen, dass Sie das gezogene Element darauf fallen lassen können. Dadurch geschehen gleich drei Dinge:<\/p>\n Drag and Drop auf generische Elemente<\/b><\/p>\n Für das Drag and Drop von Elementen auf direkte übergeordnete Elemente geschieht also nach der Anpassung einer einzigen Eigenschaft automatisch alles Notwendige.<\/p>\n Etwas mehr Aufwand ist nötig, wenn Sie generische Elemente verwenden, um Unterelemente eines Elements zusammenzufassen (wie das Element Projekte <\/b>im Beispielformular frm_TreeView_KundenMitProjektenRoot<\/b>).<\/p>\n Hier legen Sie einen weiteren Eintrag im TreeView-Konfigurator an, der dem TreeView-Handler mitteilt, dass das Projekt-Element nicht auf das generische Projekte-Element, sondern auch auf das darüber liegende Kunden-Element gezogen werden kann. Die Eigenschaften dieses Eintrags füllen Sie wie folgt:<\/p>\nPrivate Sub Form_Open(Cancel As Integer)\r\n OpenTreeViewConf _\r\n "{66EAB73D-990B-42DF-B28D-D06FFA989759}"\r\n Cancel = True\r\n End Sub<\/pre>\n![\"pic019.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic019.png\")
<\/p>\nPrivate Sub Form_Load()\r\n Set objTreeViewHandler = _\r\n New clsTreeViewHandler\r\n With objTreeViewHandler\r\n Set .ImageListInst = _\r\n Me!ctlImageList.Object\r\n Set .TreeViewInst = Me!ctlTreeView.Object\r\n .Appearance = ccFlat\r\n .LineStyle = tvwRootLines\r\n .Style = tvwTreelinesPlusMinusPictureText\r\n .Indentation = 5\r\n .InitTreeView 1\r\n .FillTree\r\n End With\r\n End Sub<\/pre>\n
Dim WithEvents objTreeViewHandler As\r\nclsTreeViewHandler<\/pre>\n
.InitTreeView <ID><\/pre>\n
![\"pic014.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic014.png\")
<\/p>\n\n
![\"pic001.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic001.png\")
<\/p>\n![\"pic002.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic002.png\")
<\/p>\n\n
![\"pic003.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic003.png\")
<\/p>\n\n
![\"pic004.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic004.png\")
<\/p>\n\n
![\"pic005.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic005.png\")
<\/p>\n![\"pic006.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic006.png\")
<\/p>\n\n
![\"pic007.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic007.png\")
<\/p>\n![\"pic008.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic008.png\")
<\/p>\n\n
![\"pic010.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic010.png\")
<\/p>\n\n
![\"pic009.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic009.png\")
<\/p>\n![\"pic011.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic011.png\")
<\/p>\n\n
\n
![\"pic012.png\"](\"..\/fileadmin\/_temp_\/2011_02\/TreeViewConfII-web-images\/pic012.png\")
<\/p>\n\n
\n