selecionar pesquisa ns

Visão geral

O componente ns-search-select renderiza um menu suspenso pesquisável para opções de campo. Ele armazena o valor da opção selecionada em field.value e emite eventos de alteração quando uma seleção é feita ou quando é removida.

Propriedades e eventos

• campo: definição de campo obrigatório.
• nome, espaço reservado e leading: props opcionais de compatibilidade.
• Emite alterações com o valor selecionado ou nulo.
• Emissões salvas quando um componente dinâmico cria um novo item.

Suporte a componentes dinâmicos

Se for fornecido field.component, o componente exibe um botão de adicionar. Ao clicar nele, ele abre o componente nomeado em nsExtraComponents ou nsComponents dentro de um popup e passa o field atual mais field.props.

Atualização dependente

Quando field.subject e field.refresh são fornecidos, o componente pode atualizar suas opções após outra alteração de campo. O campo monitorado é configurado por field.refresh.watch, e as novas opções são buscadas em 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" />