Ant-design: A função de pesquisa em várias caixas de seleção percorre valores em vez de rótulos.

Criado em 15 nov. 2017  ·  3Comentários  ·  Fonte: ant-design/ant-design

Qual problema esse recurso resolve?

Estou usando uma entrada select com um user_id como valor e o nome de usuário como rótulo. Ao usar a pesquisa automática no modo multisseleção, ela está pesquisando por um id / valor em vez do nome de usuário / rótulo.

Qual é a aparência da API proposta?

Seria bom fornecer um parâmetro para a entrada selecionada como:

Comentários muito úteis

De acordo com as instruções, novos problemas devem ser criados usando http://new-issue.ant.design

optionFilterProp e filterOption permitem que você gerencie como filtrar as opções disponíveis, ou seja,

<Select
    showSearch
    optionFilterProp="children"
    filterOption={(input: any, option: any) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
   >
   ...
</Select>

O exemplo acima irá filtrar maiúsculas e minúsculas, filtrar de forma insensível as opções disponíveis por rótulo.

Isso é mostrado na documentação https://ant.design/components/select/#components -select-demo-search

HTH

Todos 3 comentários

De acordo com as instruções, novos problemas devem ser criados usando http://new-issue.ant.design

optionFilterProp e filterOption permitem que você gerencie como filtrar as opções disponíveis, ou seja,

<Select
    showSearch
    optionFilterProp="children"
    filterOption={(input: any, option: any) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
   >
   ...
</Select>

O exemplo acima irá filtrar maiúsculas e minúsculas, filtrar de forma insensível as opções disponíveis por rótulo.

Isso é mostrado na documentação https://ant.design/components/select/#components -select-demo-search

HTH

Obrigado Gavin!

Não é um problema @remyvanderwereld

Para sua informação, use a ferramenta de novas edições, pois as questões tendem a ser enlatadas de outra forma.

Esta página foi útil?
0 / 5 - 0 avaliações