Champ ns

Aperçu

Le composant ns-field est le moteur générique de rendu des champs utilisé par les formulaires NexoPOS. Il reçoit une définition de champ et délègue le rendu au composant correspondant en fonction de field.type.

Utilisez ce composant lorsqu’un formulaire est généré à partir d’un schéma CRUD ou lorsqu’un module doit rendre dynamiquement un champ sans choisir manuellement le composant concret.

Types de champs pris en charge

• texte, mot de passe, e-mail, nombre et téléphone rendent ns-input.
• hidden rend un champ de saisie masqué.
• date rend ns-date.
• Sélectionne le rendu ns-select.
• search-select rend ns-search-select.
• La zone de texte rend ns-textarea.
• La case à cocher rend ns-checkbox.
• Le multiselect rend ns-multiselect.
• inline-multiselect rend ns-inline-multiselect.
• select-audio rend ns-select-audio.
• switch rend ns-switch.
• rendus média ns-media-input.
• CKEditor rend ns-ckeditor.
• Le sélecteur de date et d’heure rend ns-date-time-picker.
• daterangepicker rend ns-daterange-picker.
• charge des composants personnalisés field.component depuis nsExtraComponents ou nsComponents.

Propriétés et événements

• field : la définition du champ à afficher.
• siblings : champs liés optionnels transmis par le formulaire parent.
• Émet blur, change, saved, keypress et keyup.

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

Champs personnalisés

Pour field.type = "custom", définissez field.component sur le nom d’un composant enregistré. Le composant est chargé depuis nsExtraComponents en premier, puis depuis nsComponents. Pour l’enregistrement des composants de module, voir Injection d’un composant Vue.