Ant-design: La función de búsqueda en varios cuadros de selección recorre los valores en lugar de las etiquetas.

Creado en 15 nov. 2017 · 3Comentarios · Fuente: ant-design/ant-design

¿Qué problema resuelve esta función?

Estoy usando una entrada de selección con un user_id como valor y el nombre de usuario como etiqueta. Cuando se utiliza la búsqueda automática en el modo de selección múltiple, se busca un id / valor en lugar del nombre de usuario / etiqueta.

¿Cómo se ve la API propuesta?

Sería bueno darle un parámetro a la entrada de selección como:

Fuente

remyvanderwereld

Comentario más útil

Según las instrucciones, se deben crear nuevos problemas utilizando http://new-issue.ant.design

optionFilterProp y filterOption permiten administrar cómo filtrar las opciones disponibles, es decir

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

Lo anterior filtrará sin distinción entre mayúsculas y minúsculas las opciones disponibles por etiqueta.

Esto se muestra en la documentación https://ant.design/components/select/#components -select-demo-search

HTH

gavinrobertszeco en 15 nov. 2017

👍7

Todos 3 comentarios

Según las instrucciones, se deben crear nuevos problemas utilizando http://new-issue.ant.design

optionFilterProp y filterOption permiten administrar cómo filtrar las opciones disponibles, es decir

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

Lo anterior filtrará sin distinción entre mayúsculas y minúsculas las opciones disponibles por etiqueta.

Esto se muestra en la documentación https://ant.design/components/select/#components -select-demo-search

HTH

gavinrobertszeco en 15 nov. 2017

👍7

¡Gracias Gavin!

remyvanderwereld en 15 nov. 2017

👍1

No hay problema @remyvanderwereld

Para su información, use la herramienta para nuevos números, ya que los problemas tienden a quedar enlatados de otra manera.

gavinrobertszeco en 15 nov. 2017

👍1