ns-search-select

Panoramica

Il componente ns-search-select esegue il rendering di un menu a discesa ricercabile per le opzioni dei campi. Memorizza il valore dell’opzione selezionata in field.value ed emette eventi di modifica quando viene effettuata o rimossa una selezione.

Proprietà ed eventi

• campo: definizione del campo obbligatorio.
• nome, segnaposto e leading: proprietà di compatibilità opzionali.
• Emette modifiche in base al valore selezionato o al valore null.
• Emette eventi salvati quando un componente dinamico crea un nuovo elemento.

Supporto per componenti dinamici

Se viene fornito field.component, il componente mostra un pulsante “Aggiungi”. Facendo clic su di esso si apre il componente denominato da nsExtraComponents o nsComponents in una finestra popup e si passa il campo corrente più field.props.

Aggiornamento dipendente

Quando vengono forniti field.subject e field.refresh, il componente può aggiornare le opzioni dopo che un altro campo cambia. Il campo monitorato è configurato tramite field.refresh.watch e le nuove opzioni vengono recuperate da 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" />