Zum Hauptinhalt springen

Optionen

Neben den MultiTable Optionen stehen im TableGadget weitere Optionen zur Verfügung.

TableGadget Optionen

id string

Eine eindeutige ID für das TableGadget.

id?: string
  • Default: null
  • Optional

Beispiel:

id: "mySuperCoolTable"

Zugriff auf die Instanz über:

window.multiTableInstances["mySuperCoolTable"]
hinweis

Wird keine ID übergeben, so wird eine ID automatisch generiert z. B. tableGadget-cff25be96170b1aaaf31da9f33e968a5d175d54d .

fieldName string

Das Mappenfeld in dem die Daten gespeichert werden sollen.

fieldName?: string
  • Default: null
  • Optional

Beispiel:

fieldName: "ufAdresses"

alwaysEditable boolean

Aktiviert den Editiermodus auch wenn der User nicht im Bearbeitungsmodus ist.

alwaysEditable?: boolean
  • Default: false
  • Optional

Beispiel:

alwaysEditable: true

height string

Definiert die maximale Höhe des Gadgets. Überschreitet das Gadget die Höhe, so wird ein Scrollbalken dargestellt.

height?: string
  • Default: null
  • Optional

Beispiel:

height: "200px"

Höhe

tipp

Ist die Option gesetzt, empfiehlt es sich auch die Option sticky: true zu setzen, da sonst die Spaltenüberschriften beim Scrollen nicht sichtbar sind.

update string | Function

Callback bevor die Zeilen in das Mappenfeld gespeichert werden.

update?: string | 
(options: { rows: MultiTableRows, columns: MultiTableColumns, errorMessage?: string }) => boolean?
  • Default: null
  • Optional

Beispiel:

update: function(options) {
var totalAmount = options.rows.reduce(function(sum, row) {
return sum + row.amount
}, 0)

// Optionale Manipulation von Daten
// options.rows.forEach(function(row) {
// row.success = true
// })

// Speichern ist nur erlaubt, wenn Gesamtsumme größer 0 ist.
if (totalAmount <= 0) {
options.errorMessage = "Die Gesamtsumme ist 0. Bitte Beträge korrigieren";
return false
}
}
vorsicht

⚡ Ein Abbruch erfolgt nur, wenn der return Wert false ist! Kein return Wert wird als true gehandhabt.