Zum Hauptinhalt springen

How-tos

Diese Seite bietet eine umfassende Referenz zur Initialisierung, Konfiguration, Anpassung und Arbeit mit JavaScript Kanban.

Grundprinzipien

In diesem Abschnitt erfahren Sie die grundlegenden Prinzipien der Arbeit mit Kanban.

ThemaBeschreibung
InitialisierungLernen Sie, wie Sie Kanban initialisieren (Beispiel)
KonfigurationLernen Sie, wie Sie Kanban konfigurieren
AnpassungLernen Sie, wie Sie Kanban anpassen
StilierungLernen Sie, wie Sie Kanban gestalten
LokalisierungLernen Sie, wie Sie Kanban lokalisieren (Beispiel)

API-Referenz

In diesem Abschnitt finden Sie die entsprechenden Referenzen zur Kanban API.

ThemaBeschreibung
Kanban eventsLernen Sie, wie Sie mit Kanban-Events arbeiten
Kanban methodsLernen Sie, wie Sie mit Kanban-Methoden arbeiten
Kanban propertiesLernen Sie, wie Sie mit Kanban-Eigenschaften arbeiten
Event Bus methodsLernen Sie, wie Sie mit Event Bus-Methoden arbeiten
RestDataProvider methodsLernen Sie, wie Sie mit RestDataProvider-Methoden arbeiten
State methodsLernen Sie, wie Sie mit State-Methoden arbeiten
Toolbar methodsLernen Sie, wie Sie mit Toolbar-Methoden arbeiten
Toolbar propertiesLernen Sie, wie Sie mit Toolbar-Eigenschaften arbeiten

Arbeiten mit Karten

In diesen Abschnitten erfahren Sie, wie Sie Operationen mit Karten durchführen, mit Kartendaten arbeiten und Karten konfigurieren.

Operationen mit Karten durchführen

ThemaBeschreibung
Adding new cardsLernen Sie, wie Sie neue Karten hinzufügen (Beispiel)
Deleting cardsLernen Sie, wie Sie Karten löschen (Beispiel)
Moving cardsLernen Sie, wie Sie Karten verschieben (Beispiel)
Scrolling to the desired cardsLernen Sie, wie Sie Kanban zur gewünschten Karte scrollen
Searching for cardsLernen Sie, wie Sie nach Karten suchen
Selecting cardsLernen Sie, wie Sie Karten auswählen
Sorting cardsLernen Sie, wie Sie Karten sortieren
Unselecting cardsLernen Sie, wie Sie Karten abwählen
Adding links between cardsLernen Sie, wie Sie Verknüpfungen zwischen Karten hinzufügen (Beispiel)

Arbeiten mit Kartendaten

ThemaBeschreibung
Getting card dataLernen Sie, wie Sie Kartendaten abrufen
Getting cards stateLernen Sie, wie Sie den Kartenstatus abrufen
Getting cards reactive stateLernen Sie, wie Sie den reaktiven Kartenstatus abrufen
Loading card dataLernen Sie, wie Sie die initialen Kartendaten laden
Parsing card dataLernen Sie, wie Sie Kartendaten parsen
Serializing card dataLernen Sie, wie Sie Kartendaten serialisieren (Beispiel)
Updating card dataLernen Sie, wie Sie Kartendaten aktualisieren

Karten konfigurieren

ThemaBeschreibung
Adding new cardsLernen Sie, wie Sie das Hinzufügen neuer Karten aktivieren/deaktivieren
Binding cards into columnsLernen Sie, wie Sie Karten an Spalten binden
Binding cards into rowsLernen Sie, wie Sie Karten an Zeilen binden
Configuring a card appearanceLernen Sie, wie Sie das Erscheinungsbild einer Karte konfigurieren
Configuring a cards menuLernen Sie, wie Sie ein Kontextmenü für Karten konfigurieren (Beispiel)
Customizing a card appearanceLernen Sie, wie Sie das Erscheinungsbild einer Karte mit Vorlagen anpassen (Beispiel)
Dragging cardsLernen Sie, wie Sie das Ziehen und Ablegen von Karten aktivieren/deaktivieren
Editing cardsLernen Sie, wie Sie das Bearbeiten von Karten aktivieren/deaktivieren
Lazy renderingLernen Sie, wie Sie das Lazy Rendering für viele Karten aktivieren/deaktivieren (Beispiel)
Limiting cardsLernen Sie, wie Sie Karten für Spalten und Swimlanes begrenzen (WIP-Validierung) (Beispiel)
Selecting cardsLernen Sie, wie Sie das Auswählen von Karten aktivieren/deaktivieren
Setting a fix height of cardsLernen Sie, wie Sie eine feste Höhe für Karten einstellen
Updating card settingsLernen Sie, wie Sie Karteneinstellungen aktualisieren

Arbeiten mit einem Karteneditor

In diesem Abschnitt erfahren Sie, wie Sie mit einem Karteneditor arbeiten.

ThemaBeschreibung
Autosaving modeLernen Sie, wie Sie den Auto-Speicher-Modus für den Editor aktivieren/deaktivieren
Configuring editor fieldsLernen Sie, wie Sie Editorfelder konfigurieren
Configuring the editorLernen Sie, wie Sie den Editor konfigurieren
Updating editor settingsLernen Sie, wie Sie Editoreinstellungen aktualisieren

Arbeiten mit Spalten

In diesen Abschnitten erfahren Sie, wie Sie Operationen mit Spalten durchführen und mit Spaltendaten arbeiten.

Operationen mit Spalten durchführen

ThemaBeschreibung
Adding new columnsLernen Sie, wie Sie neue Spalten hinzufügen (Beispiel)
Configuring a columns menuLernen Sie, wie Sie ein Kontextmenü für Spalten konfigurieren (Beispiel)
Deleting columnsLernen Sie, wie Sie Spalten löschen
Moving columnsLernen Sie, wie Sie Spalten verschieben
Scrolling to the desired columnsLernen Sie, wie Sie Kanban zur gewünschten Spalte scrollen
Separate scrolling for columnsLernen Sie, wie Sie ein separates Scrollen für jede Spalte einstellen (Beispiel)

Arbeiten mit Spaltendaten

ThemaBeschreibung
Getting card data of the columnLernen Sie, wie Sie die Kartendaten einer Spalte abrufen
Getting columns stateLernen Sie, wie Sie den Spaltenstatus abrufen
Getting columns reactive stateLernen Sie, wie Sie den reaktiven Spaltenstatus abrufen
Loading column dataLernen Sie, wie Sie die initialen Spaltendaten laden
Parsing column dataLernen Sie, wie Sie Spaltendaten parsen
Serializing column dataLernen Sie, wie Sie Spaltendaten serialisieren
Updating column dataLernen Sie, wie Sie Spaltendaten aktualisieren

Arbeiten mit Zeilen (Swimlanes)

In diesen Abschnitten erfahren Sie, wie Sie Operationen mit Zeilen durchführen und mit Zeilendaten arbeiten.

Operationen mit Zeilen (Swimlanes) durchführen

ThemaBeschreibung
Adding new rowsLernen Sie, wie Sie neue Zeilen (Swimlanes) hinzufügen
Configuring a rows menuLernen Sie, wie Sie ein Kontextmenü für Zeilen (Swimlanes) konfigurieren (Beispiel)
Deleting rowsLernen Sie, wie Sie Zeilen (Swimlanes) löschen
Moving rowsLernen Sie, wie Sie Zeilen (Swimlanes) verschieben
Scrolling to the desired rowLernen Sie, wie Sie Kanban zur gewünschten Zeile (Swimlane) scrollen

Arbeiten mit Zeilen- (Swimlane-) Daten

ThemaBeschreibung
Getting card data of the column and rowLernen Sie, wie Sie die Kartendaten einer Spalte und Zeile abrufen
Getting rows stateLernen Sie, wie Sie den Zeilenstatus abrufen
Getting rows reactive stateLernen Sie, wie Sie den reaktiven Zeilenstatus abrufen
Loading row dataLernen Sie, wie Sie die initialen Zeilendaten laden
Parsing row dataLernen Sie, wie Sie Zeilendaten parsen
Serializing row dataLernen Sie, wie Sie Zeilendaten serialisieren
Updating row dataLernen Sie, wie Sie Zeilendaten aktualisieren

Arbeiten mit Events

ThemaBeschreibung
Executing eventsLernen Sie, wie Sie interne Events ausführen
Intercepting eventsLernen Sie, wie Sie interne Events abfangen
List of inner eventsSehen Sie die Liste der Kanban-internen Events
Reordering eventsLernen Sie, wie Sie interne Events in die Event Bus-Reihenfolge einfügen
Subscribing on eventsLernen Sie, wie Sie sich auf interne Events abonnieren

Arbeiten mit der Kanban REST API

ThemaBeschreibung
Loading server data for cardsLernen Sie, wie Sie Serverdaten für Karten laden
Loading server data for columnsLernen Sie, wie Sie Serverdaten für Spalten laden
Loading server data for rowsLernen Sie, wie Sie Serverdaten für Zeilen laden
Working with serverLernen Sie, wie Sie mit dem Server über die REST API arbeiten (Beispiel)

Arbeiten mit Kanban-Status

ThemaBeschreibung
Getting StateStore and DataStoreLernen Sie, wie Sie StateStore- und DataStore-Objekte erhalten
Getting StateStore propertiesLernen Sie, wie Sie ein Objekt der StateStore-Eigenschaften erhalten
Getting StateStore reactive propertiesLernen Sie, wie Sie ein Objekt der reaktiven StateStore-Eigenschaften erhalten

Arbeiten mit der Toolbar

ThemaBeschreibung
Configuring a searchbar on ToolbarLernen Sie, wie Sie eine Suchleiste in der Toolbar konfigurieren (Beispiel)
Configuring a sort control on ToolbarLernen Sie, wie Sie eine Sortiersteuerung in der Toolbar konfigurieren (Beispiel)
Configuring Toolbar controlsLernen Sie, wie Sie die Toolbar-Steuerelemente konfigurieren, anpassen und anordnen (Beispiel)
Including Kanban API in ToolbarLernen Sie, wie Sie die Kanban API in die Toolbar einbinden und verwenden
Localizing ToolbarLernen Sie, wie Sie die Toolbar lokalisieren

Arbeiten mit TypeScript

ThemaBeschreibung
Working with TypeScriptLernen Sie, wie Sie mit TypeScript arbeiten

Noch Fragen?

Info

Sie können Ihre Fragen auch unten in den Kommentaren hinterlassen!