ns-field
Panoramica
Il componente ns-field è il renderer generico dei campi usato dai form di NexoPOS. Riceve una definizione di campo e delega il rendering al componente corrispondente in base a field.type.
Usa questo componente quando un modulo viene generato da uno schema CRUD o quando un modulo deve eseguire il rendering di un campo in modo dinamico senza scegliere manualmente il componente concreto.
Tipi di campi supportati
- testo, password, email, numero e tel eseguono il rendering di
ns-input. - hidden rende un input nascosto.
- la data esegue il rendering di
ns-date. - seleziona rende
ns-select. - search-select esegue il rendering di
ns-search-select. - L’area di testo esegue il rendering di
ns-textarea. - la casella di controllo esegue il rendering di
ns-checkbox. - Il multiselect esegue il rendering di
ns-multiselect. - inline-multiselect esegue il rendering di
ns-inline-multiselect. - select-audio esegue il rendering di
ns-select-audio. - switch esegue il rendering di
ns-switch. - i media eseguono il rendering di
ns-media-input. - ckeditor esegue il rendering di
ns-ckeditor. - Il selettore data/ora esegue il rendering di
ns-date-time-picker. - daterangepicker esegue il rendering di
ns-daterange-picker. - carichi personalizzati
field.componentdansExtraComponentsonsComponents.
Proprietà ed eventi
field: la définition du champ à afficher.siblings: campi correlati opzionali passati dal form padre.- Emette
blur,change,saved,keypressekeyup.
<ns-field
:field="field"
:siblings="fields"
@change="handleFieldChange"
@saved="handleSaved"
/>Campi personalizzati
Per field.type = "custom", imposta field.component su un nome di componente registrato. Il componente viene caricato prima da nsExtraComponents, quindi da nsComponents. Per la registrazione dei componenti del modulo, vedi Iniezione di un componente Vue.