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 |
|
Parent Item |
|
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 |
|
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. |