Class: TdbStepper

TdbStepper(steps)

Custom Implementierung eines Stepper Widgets.

Constructor

new TdbStepper(steps)

Parameters:
Name Type Description
steps Array.<{id: String, text: String}> Array mit den einzelnen Schritten
Properties:
Name Type Description
loaded Promise Ein Promise, das resolved wird, wenn der Stepper erstellt wurde
Source:

Extends

  • dhx.Tabbar

Members

steps

Array mit den einzelnen Schritten
Source:

Methods

addCSSClass(id, cssClass)

Fügt eine neue CSS-Klasse bei der Anzeige des Schrittes ein
Parameters:
Name Type Description
id String ID des Schrittes
cssClass String Die CSS-Klasse
Source:

attach(id, content)

Hängt ein dhx-Objekt an einen Schritt an
Parameters:
Name Type Description
id String ID des Schrittes
content dhx.Object Das dhx-Objekt, das angehängt werden soll
Source:

fastForward(id, setCompletedopt, checkMarkopt)

Springt zu einem Schritt des Stepper und aktiviert alle vorherigen Schritte
Parameters:
Name Type Attributes Default Description
id String ID des Schrittes
setCompleted boolean <optional>
true Wenn true, setzt den aktuellen Schritt auf den Status "completed"
checkMark boolean <optional>
true true - setzt ein Häkchen ; false - setzt kein Häkchen
Source:

getIndex(id)

Gibt den Index des Schrittes zurück
Parameters:
Name Type Description
id String ID des Schrittes
Source:
Returns:
Index des Schrittes

next(setCompletedopt, checkMarkopt)

Geht zum nächsten Schritt des Stepper
Parameters:
Name Type Attributes Default Description
setCompleted boolean <optional>
true Wenn true, setzt den aktuellen Schritt auf den Status "completed"
checkMark boolean <optional>
true true - setzt ein Häkchen ; false - setzt kein Häkchen
Source:

prev(unsetCompletedopt)

Geht zum vorherigen Schritt des Stepper
Parameters:
Name Type Attributes Default Description
unsetCompleted boolean <optional>
false Wenn true, setzt den aktuellen Schritt auf den Status "not completed"
Source:

removeCSSClass(id, cssClass)

Entfernt eine CSS-Klasse bei der Anzeige des Schrittes
Parameters:
Name Type Description
id String ID des Schrittes
cssClass string Die CSS-Klasse
Source:

setCompleted(id, valid, checkMarkopt)

Setzt den Zustand des Schrittes auf "abgearbeitet" / "nicht abgearbeitet"
Parameters:
Name Type Attributes Default Description
id String ID des Schrittes
valid boolean true - "abgearbeitet"; false - "nicht abgearbeitet"
checkMark boolean <optional>
true true - setzt ein Häkchen ; false - setzt kein Häkchen
Source:

setEnabled(id, enabled)

Aktiviert oder deaktiviert einen Schritt
Parameters:
Name Type Description
id String ID des Schrittes
enabled boolean true - aktiviert; false - deaktiviert
Source: