seleccionar búsqueda ns

Descripción general

El componente ns-search-select renderiza un menú desplegable con búsqueda para las opciones de campo. Almacena el valor de la opción seleccionada en field.value y emite eventos de cambio cuando se realiza una selección o se borra.

Props y eventos

• campo: definición de campo obligatorio.
• nombre, marcador de posición y leading: props de compatibilidad opcionales.
• Emite cambios con el valor seleccionado o nulo.
• Emite eventos guardados cuando un componente dinámico crea un nuevo elemento.

Compatibilidad con componentes dinámicos

Si se proporciona field.component, el componente muestra un botón de agregar. Al hacer clic, se abre el componente con nombre desde nsExtraComponents o nsComponents dentro de un cuadro emergente y se pasa el campo actual junto con field.props.

Actualización dependiente

Cuando se proporcionan field.subject y field.refresh, el componente puede actualizar sus opciones después de que cambie otro campo. El campo observado se configura mediante field.refresh.watch, y las nuevas opciones se obtienen desde 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" />