Treeview
Der Treeview eignet sich ideal, um hierarchische Daten übersichtlich darzustellen. Organisieren Sie Kategorien, Unterseiten oder Verzeichnisse in einer hierarchische Baumstruktur.
In diesem Artikel lesen Sie folgende Fragen:
Tipp! Hier sehen Sie mehr über die Komponente.
1. Treeview Properties
| Properties | Beschreibung | 
|---|---|
| ID | Bezeichnung / Benamung der Headline | 
| Color scheme | Initiale Farbschemen: 
 | 
| Konfiguriert in Color Schemes | |
| CSS class | Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten Option 1: in Properties bestehende Bootstrap-Klassen einfügen Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”) Option 3: Page definitions (nur für diese Seite) | 
| Tab index | Bei Navigation in der Page mit Tastatur (Tab), lässt sich mit dem Tab index die Reihenfolge festlegen, wo der Cursor als nächstes aktiv wird. | 
| Access | Access rights der Komponente: 
 | 
| Data layer | Data layer der Tabelle, View oder einer Abfrage. | 
| Height | Feste höhe der Komponente (des Rahmens) | 
| Item | Feld, das den Datensatz eindeutig identifiziert (Primary Key) | 
| Parent Item | Feld das auf den übergeordneten Daten referenziert (Der Wert NULL entspricht der obersten Ebene) | 
| Item template | Für die Darstellung der Gallery kann aus vordefinierten Item Templates gewählt oder ein eigenes Template erstellt werden. Vordefinierte Templates: 
 | 
| No data text | Anzeigetext, falls keine Daten zur Anzeige verfügbar sind. | 
| Display settings | Enable search for items Bei aktivierter Suche kann festgelegt werden, welche Felder in die Suche einbezogen werden. | 
| Initial state | 
 | 
2. Treeview Funktionalitäten
Events & Actions
| Kategorisierung | Action | Beschreibung | 
|---|---|---|
| State | enable() | Enable the combo box. | 
| disable() | Disable the combo box. | |
| setEnabled(enabled) | Enable/disable the combo box. | |
| show() | Shows the combo box. | |
| hide() | Hides the combo box. | |
| setVisible(visible) | Show/hide the combo box. | |
| focus() | Sets focus on the combo box. | |
| Appearance 
 
 
 
 
 | setTitle(title) | Set the title of the chart. | 
| setTitleText(title) | Set the title of the tree view. | |
| setTitleHtml(title) | Set the title of the tree view. | |
| setFooter(footer) | Set the footer of the tree view. | |
| setFooterText(footer) | Set the footer of the tree view. | |
| setFooterHtml(footer) | Set the footer of the tree view. | |
| Data | refresh() | Refresh data. | 
| Event | Beschreibung | 
|---|---|
| ItemClicked | This event fires when the item was clicked. | 
| ItemExpanded | This event fires when the item is expanded. | 
| ItemCollapsed | This event fires when the item is collapsed. | 
