Zum Hauptinhalt springen

MultiTableColumnDefault

Extends​

Properties​

type?​

optional type: ColumnAttributeCallbackHandler<"default">

(Optional) Darstellung der Spalte

Overrides​

IMultiTableColumn.type

charLimit?​

optional charLimit: ColumnAttributeCallbackHandler<number>

(Optional) Maximale Anzahl Zeichen im Eingabefeld.

Default​

undefined

Example​

charLimit: 50

placeholder?​

optional placeholder: ColumnAttributeCallbackHandler<string>

(Optional) Platzhaltertext im Eingabefeld

Default​

undefined

Example​

placeholder: "Maximal 30 Zeichen"

label​

label: ColumnAttributeCallbackHandler<string>

Spaltenüberschrift

Inherited from​

IMultiTableColumn.label

tooltip?​

optional tooltip: ColumnAttributeCallbackHandler<string>

(Optional) Tooltip der Spalte

Inherited from​

IMultiTableColumn.tooltip

visible?​

optional visible: ColumnAttributeCallbackHandler<boolean>

(Optional) Soll die Spalte angezeigt werden?

Inherited from​

IMultiTableColumn.visible

field?​

optional field: string

(Optional) Name des Mappenfeld für Mapping. Ist kein Mapping gewünscht, so muss der Wert leer sein (field: "").

Inherited from​

IMultiTableColumn.field

allowEdit?​

optional allowEdit: ColumnAttributeCallbackHandler<boolean>

(Optional) Darf die Spalte im Editiermodus bearbeitet werden?

Default​

true

Inherited from​

IMultiTableColumn.allowEdit

allowInsert?​

optional allowInsert: ColumnAttributeCallbackHandler<boolean>

(Optional) Ist eine Eingabemöglichkeit beim Hinzufügen einer Zeile möglich?

Default​

true

Inherited from​

IMultiTableColumn.allowInsert

sortable?​

optional sortable: ColumnAttributeCallbackHandler<boolean>

(Optional) Spalte sortierbar?

Inherited from​

IMultiTableColumn.sortable

defaultValue?​

optional defaultValue: any

(Optional) Vordefinierter Wert bei Neuanlage

Inherited from​

IMultiTableColumn.defaultValue

required?​

optional required: ColumnAttributeCallbackHandler<boolean>

(Optional) Pflichtfeld bei Neuanlage?

Inherited from​

IMultiTableColumn.required

validation?​

optional validation: CellColumnAttributeCallbackHandler<boolean>

(Optional) Benutzerdefinierte Validierung

Example​

validation: "someGlobalValidationFunction"
validation: function(cellValue, options) {
		// Wert muss größer 0 sein (da 0 auch ein gültiger Wert ist)
		return cellValue > 0
}

Inherited from​

IMultiTableColumn.validation

attributes?​

optional attributes: Record<string, CellColumnAttributeCallbackHandler<unknown>>

(Optional) Zusätzliche Feld attribute

Example​

attributes: { class: 'some-class' }

Inherited from​

IMultiTableColumn.attributes

selectOnFocus?​

optional selectOnFocus: boolean

(Optional) Soll der Text im Eingabefeld selektiert werden, wenn Feld Fokus bekommt.

Default​

true

Inherited from​

IMultiTableColumn.selectOnFocus

change?​

optional change: ChangeCallbackHandler

(Optional) Callback wenn der Wert geändert worden ist.

Example​

// Named script
change: "someCallbackFunction"
// Callback script
change: (value, options) => {
	// options.row
	// options.column
}

Inherited from​

IMultiTableColumn.change

headerTemplate?​

optional headerTemplate: ColumnAttributeCallbackHandler<string>

(Optional) HTML für den Kopfbereich

Example​

// Provided as string
headerTemplate: "Zusätzliche Spaltenüberschrift"
// callback script
headerTemplate: function(options) {
    const sum = options.rows.reduce(function (acc, row) {
        return acc + row.amount
    }, 0)
    return "<div style='text-align:right; border-top: solid 2px #000; border-bottom: double 3px #000; margin: -4px; padding-right: 4px'>" + sum + " €</div>"
}

Inherited from​

IMultiTableColumn.headerTemplate

footerTemplate?​

optional footerTemplate: ColumnAttributeCallbackHandler<string>

(Optional) HTML für den Fussbereich

Example​

// Provided as string
footerTemplate: "Zusätzliche Spaltenüberschrift"
// callback script
footerTemplate: function(options) {
    const sum = options.rows.reduce(function (acc, row) {
        return acc + row.amount
    }, 0)
    return "<div style='text-align:right; border-top: solid 2px #000; border-bottom: double 3px #000; margin: -4px; padding-right: 4px'>" + sum + " €</div>"
}

Inherited from​

IMultiTableColumn.footerTemplate

width?​

optional width: ColumnAttributeCallbackHandler<string>

(Optional) Breitenangabe für Spalte

Example​

// Provided as string
width: "60px"
// callback script
width: function(options) {
    const anyBigNumber = options.rows.some(function(row) { return row.totalAmount > 999 })
    return anyBigNumber ? "100px" : "60px"
}

Inherited from​

IMultiTableColumn.width

render?​

optional render: ColumnAttributeCallbackHandler<string>

(Optional) Anzeigetext für Zelle

Example​

render: function(options) { return options.row.taxRate + "%" }

Inherited from​

IMultiTableColumn.render

disableInternationalization?​

optional disableInternationalization: ColumnAttributeCallbackHandler<boolean>

(Optional) Soll die Internationalisierung für die Spalte deaktiviert werden?

Default​

false

Example​

disableInternationalization: true

Inherited from​

IMultiTableColumn.disableInternationalization

cellBackgroundColor?​

optional cellBackgroundColor: CellColumnAttributeCallbackHandler<string>

(Optional) Die Hintergrundfarbe der Zelle

Default​

""

Example​

cellBackgroundColor: "#ff0000"

Inherited from​

IMultiTableColumn.cellBackgroundColor