Optionen

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

TableMonitor Optionen

id string

Eine eindeutige ID für das TableMonitor.

id?: string

• Default: null
• Optional

id: "mySuperCoolTable"

Zugriff auf die Instanz über:

window.multiTableInstances["mySuperCoolTable"]

hinweis

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

fieldName string

Das Mappenfeld in dem die Daten gespeichert werden sollen.

fieldName?: string

• Default: null
• Optional

fieldName: "ufAdresses"

showButtonAlways boolean

Zeigt die Schaltflächen an, auch wenn der User nicht im Bearbeitungsmodus ist.

showButtonAlways?: boolean

• Default: false
• Optional

showButtonAlways: true

showEmptyTable boolean

Soll die Tabelle angezeigt werden, wenn keine Zeilen existieren?

showEmptyTable?: boolean

• Default: true
• Optional

showEmptyTable: false

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

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.

buttons TableMonitorButtons

buttons?: { [key: string]: TableMonitorButton }

Oberhalb der Tabelle können über Schaltflächen eingeblendet werden.

• Default: null
• Optional

Weitere Konfigurationsmöglichkeit siehe Schaltflächen.

buttons: {
    remove: {
        label: "Löschen",
        tooltip: "Zeile löschen",
        click: function (button, options) {
            options.removeSelectedRows()
        },
        enabled: function (selectedRows, options) {
            return selectedRows.length > 0
        }
    },
}