sélection de recherche ns

Aperçu

Le composant ns-search-select rend une liste déroulante consultable pour les options de champ. Il stocke la valeur de l’option sélectionnée dans field.value et émet des événements de modification lorsqu’une sélection est effectuée ou effacée.

Propriétés et événements

• champ : définition du champ requis.
• nom, espace réservé et leading : props de compatibilité optionnelles.
• Émet des modifications avec la valeur sélectionnée ou null.
• Émet des signaux enregistrés lorsqu’un composant dynamique crée un nouvel élément.

Prise en charge des composants dynamiques

Si field.component est fourni, le composant affiche un bouton d’ajout. En cliquant dessus, il ouvre le composant nommé depuis nsExtraComponents ou nsComponents dans une fenêtre contextuelle et transmet le champ actuel ainsi que field.props.

Actualisation dépendante

Lorsque field.subject et field.refresh sont fournis, le composant peut actualiser ses options après qu’un autre champ a changé. Le champ surveillé est configuré via field.refresh.watch, et les nouvelles options sont récupérées depuis field.refresh.url.

const field = {
    name: 'customer_id',
    label: 'Customer',
    type: 'search-select',
    value: null,
    options: [{ label: 'John Doe', value: 1 }],
    component: 'ns-customer-popup',
    props: {},
    errors: []
};

<ns-search-select :field="field" @change="handleCustomerChange" @saved="reloadCustomers" />