ns-Feld

Überblick

Die Komponente ns-field ist der generische Feld-Renderer, der von NexoPOS-Formularen verwendet wird. Sie erhält eine Felddefinition und delegiert das Rendering an die passende Komponente gemäß field.type.

Verwenden Sie diese Komponente, wenn ein Formular aus einem CRUD-Schema generiert wird oder wenn ein Modul ein Feld dynamisch rendern muss, ohne die konkrete Komponente manuell auszuwählen.

Unterstützte Feldtypen

• Text, Passwort, E-Mail, Nummer und Tel rendern ns-input.
• „hidden“ rendert ein verstecktes Eingabefeld.
• Datum rendert ns-date.
• Wählt „ns-select“ aus.
• search-select rendert ns-search-select.
• Textarea rendert ns-textarea.
• Checkbox rendert ns-checkbox.
• Multiselect rendert ns-multiselect.
• inline-multiselect rendert ns-inline-multiselect.
• select-audio rendert ns-select-audio.
• Schaltet das Rendern von ns-switch um.
• Medien-Renderings ns-media-input.
• CKEditor rendert ns-ckeditor.
• Der Datepicker rendert ns-date-time-picker.
• daterangepicker rendert ns-daterange-picker.
• Benutzerdefinierte Ladevorgänge von field.component aus nsExtraComponents oder nsComponents.

Requisiten und Events

• field: die Felddefinition, die gerendert werden soll.
• siblings: optionale verwandte Felder, die vom übergeordneten Formular übergeben werden.
• Gibt blur, change, saved, keypress und keyup aus.

<ns-field
    :field="field"
    :siblings="fields"
    @change="handleFieldChange"
    @saved="handleSaved"
/>

Benutzerdefinierte Felder

Setzen Sie für field.type = "custom" field.component auf einen registrierten Komponentennamen. Die Komponente wird zuerst aus nsExtraComponents geladen, dann aus nsComponents. Informationen zur Registrierung von Modul-Komponenten finden Sie unter Injecting Vue Component.