|
01.11.2009
Formular mit Comboboxen
Für dieses Beispiel benötigen Sie die Beispiel-Datenbank FAHRZEUGE und das Projekt fahrzeuge.xdev.
Formular konstruieren:
| 1. | Fügen Sie ein Formular auf die Arbeitsfläche ein. |
| 2. | Fügen Sie einen Text-Container in das Formular ein, reduzieren Sie die Breite auf 100 Pixel und klonen Sie den Text-Container 9 Mal. Klicken Sie dazu auf . Beschriften Sie die Text-Container mit Modell, Typ, EZ, Leistung, Kilometer, Farbe, Art, Kraftstoff, Getriebe, und Preis. |
| 3. | Fügen Sie neben Modell, Typ, Farbe, Art, Kraftstoff und Getriebe jeweils eine Combobox und neben den restlichen Text-Containern ein Textfield in das Formular ein. |
| 4. | Fügen Sie nun einen Button unter dem Formular ein, verbreitern Sie diesen etwas und beschriften Sie diesen mit Speichern. |

Formular-Komponenten mit Datenfelder verknüpfen (Mapping):
| 5. | Verknüpfen Sie alle Formular-Komponenten mit den entsprechenden Datenfeldern der Virtuellen Tabelle #FAHRZEUGE. Klicken Sie dazu im Projektmanagement auf Virtuelle Tabellen, klicken Sie mit Mehrfachklick auf die Virtuelle Tabelle #FAHRZEUGE und ziehen Sie die jeweiligen Datenfelder nacheinander per Drag&Drop auf die dazu passenden Formular-Komponenten. |
Comboboxen bei Modell füllen:
| 6. | Klicken Sie die Combobox bei Modell an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle MODELLE an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #MODELLE und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 7. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #MODELLE aus. Legen Sie in der zweiten Zeile das Datenfeld MODELL fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
Combobox bei Fahrzeugtyp füllen:
| 8. | Klicken Sie die Combobox bei Fahrzeugtyp an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle FAHRZEUGTYP an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #FAHRZEUGTYP und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 9. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #FAHRZEUGTYP aus. Legen Sie in der zweiten Zeile das Datenfeld TYP fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
|
|
Combobox bei Farbe füllen:
| 10. | Klicken Sie die Combobox bei Farbe an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle FARBE an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #FARBE und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 11. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #FARBE aus. Legen Sie in der zweiten Zeile das Datenfeld FARBE fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
|
|
Combobox bei Fahrzeugart füllen:
| 12. | Klicken Sie die Combobox bei Fahrzeugart an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle FAHRZEUGART an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #FAHRZEUGART und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 13. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #FAHRZEUGART aus. Legen Sie in der zweiten Zeile das Datenfeld ART fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
|
|
Combobox bei Kraftstoff füllen:
| 14. | Klicken Sie die Combobox bei Kraftstoff an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle KRAFTSTOFF an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #KRAFTSTOFF und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 15. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #KRAFTSTOFF aus. Legen Sie in der zweiten Zeile das Datenfeld KRAFTSTOFF fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
|
|
Combobox bei Getriebe füllen:
| 16. | Klicken Sie die Combobox bei Getriebe an, wechseln Sie in die Code-Ansicht, wählen Sie das Ereignis ON_SHOW ( ) | XDEV NLS: Nach der Darstellung ( ) aus und fügen Sie eine Datenbankabfrage XDEV Query | XDEV NLS: XDEV Datenbankabfrage in den Code-Editor ein und klicken Sie diese an, um den SQL-Assistenten aufzurufen. Klicken Sie die Datenbank-Tabelle GETRIEBE an, um alle Datenfelder dieser Tabelle zu selektieren. Übernehmen Sie die vom SQL-Assistenten automatisch angebotene Virtuelle Ziel-Tabelle #GETRIEBE und klicken Sie auf OK, um den SQL-Assistenten zu schließen. |
| 17. | Klicken Sie die Combobox an, um alle Methoden der Combobox in der Bibliothek anzuzeigen. Scrollen Sie in der Bibliothek ganz nach unten, öffnen Sie den Zweig bei XdevItemList listItems | XDEV NLS: XdevLeistEinträge listenEinträge und fügen Sie die Methode fillFromVT ( ) | XDEV NLS: fülleAusVirtuellerTabelle ( ) per Drag&Drop in den Code-Editor ein. Legen Sie im folgenden Parameter-Dialog zuerst die Virtuelle Quell-Tabelle fest und wählen Sie dazu die Virtuelle Tabelle #GETRIEBE aus. Legen Sie in der zweiten Zeile das Datenfeld GETRIEBE fest, aus der die Combobox-Einträge ausgelesen werden sollen. Legen Sie schließlich in der dritten Zeile das Datenfeld ID fest, aus der die IDs der Combobox-Einträge ausgelesen werden sollen und klicken Sie abschließend auf OK. |
|
|
Formular speichern:
| 18. | Selektieren Sie den Button Speichern und wechseln Sie in die Code-Ansicht. |
| 19. | Klicken Sie nun das Formular an, um alle Methoden des Formulars in der Bibliothek anzuzeigen und ziehen Sie die Methode save ( ) | XDEV NLS: speichern ( ) in den Code-Editor. |
Hinweis: Das Füllen von Listboxen funktioniert exakt genauso
|
|