Toolbar-Methodenübersicht
Info
Verwenden Sie die Methode parse(), um Daten in Toolbar zu bearbeiten.
Sie können die folgenden Toolbar-Methoden von Suite verwenden:
| Name | Beschreibung |
|---|---|
| disable() | Deaktiviert und dimmt ein oder mehrere Elemente von Toolbar |
| enable() | Aktiviert ein oder mehrere deaktivierte Elemente von Toolbar |
| getSelected() | Gibt ein Array mit den IDs der ausgewählten Elemente zurück |
| getState() | Ruft die aktuellen Werte/Zustände von Steuerelementen ab |
| hide() | Blendet ein Element von Toolbar aus |
| isDisabled() | Prüft, ob ein Element von Toolbar deaktiviert ist |
| isSelected() | Prüft, ob ein angegebenes Toolbar-Element ausgewählt ist |
| paint() | Zeichnet Toolbar auf einer Seite neu |
| select() | Wählt ein angegebenes Element von Toolbar aus |
| setFocus() | Setzt den Fokus auf ein Input-Steuerelement anhand seiner ID |
| setState() | Legt Werte/Zustände von Steuerelementen fest |
| show() | Zeigt ein Element von Toolbar an |
| unselect() | Hebt die Auswahl eines ausgewählten Toolbar-Elements auf |
const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
view: {
toolbar: true
}
});
// deaktiviert das Element „file"
editor.toolbar.disable("$file");
// deaktiviert die Elemente „file" und „scale"
editor.toolbar.disable(["$file", "$scale"]);
// deaktiviert alle Elemente
editor.toolbar.disable();
TreeCollection-Methodenübersicht
Sie können die folgenden TreeCollection-Methoden von Suite verwenden:
| Name | Beschreibung |
|---|---|
| add() | Fügt einer Komponente ein Element hinzu |
| canCopy() | Prüft, ob es möglich ist, ein Steuerelement in ein anderes Steuerelement zu kopieren |
| copy() | Fügt eine Kopie eines Elements hinzu und platziert sie an der angegebenen Position |
| eachChild() | Durchläuft die untergeordneten Elemente eines Steuerelements |
| eachParent() | Durchläuft alle übergeordneten Elemente (das unmittelbare Elternelement und dessen Elternelement usw., bis das übergeordnete Element die Komponente selbst ist) |
| exists() | Prüft, ob das angegebene Element in der Komponente vorhanden ist |
| filter() | Filtert Steuerelemente nach bestimmten Kriterien |
| forEach() | Durchläuft alle Elemente einer Tree-Collection |
| getFilters() | Gibt ein Objekt mit den angewendeten Filtern zurück |
| getId() | Ruft die ID eines Elements ab |
| getIndex() | Ruft die aktuelle Position eines Elements ab |
| getItem() | Ruft ein Element anhand seiner ID ab |
| getItems() | Ruft die untergeordneten Elemente eines Steuerelements ab |
| getLength() | Zählt die untergeordneten Elemente eines Steuerelements |
| getParent() | Ruft die ID des übergeordneten Elements des Steuerelements ab |
| getRoot() | Gibt die ID der Master-Komponente zurück |
| haveItems() | Prüft, ob ein Element untergeordnete Elemente hat |
| move() | Verschiebt Elemente an andere Positionen |
| refreshItems() | Aktualisiert die untergeordneten Elemente eines Steuerelements |
| remove() | Entfernt ein Element |
| removeAll() | Entfernt alle Steuerelemente aus der Komponente |
| resetFilter() | Setzt die aktiven Filter zurück |
| restoreOrder() | Stellt die Komponente in den Zustand vor dem Sortieren/Filtern zurück |
| save() | Speichert die in einer Tree-Collection vorgenommenen Änderungen serverseitig |
| serialize() | Serialisiert die Komponentendaten in das Format JSON, XML oder CSV |
| sort() | Sortiert Steuerelemente nach bestimmten Kriterien |
| update() | Ändert ein Element |
const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
view: {
toolbar: true
}
});
// entfernt alle Toolbar-Elemente
editor.toolbar.data.removeAll();