Ant-design: Suchfunktion in mehreren Auswahlboxen durchläuft Werte anstelle von Labels.
Welches Problem löst diese Funktion?
Ich verwende eine Auswahleingabe mit einer user_id als Wert und dem Benutzernamen als Label. Wenn Sie die automatische Suche im Multiselect-Modus verwenden, wird nach einer ID/einem Wert anstelle des Benutzernamens/Labels gesucht.
Wie sieht die vorgeschlagene API aus?
Es wäre schön, dem Select-Eingang einen Parameter zu geben, wie:
remyvanderwereld
Alle 3 Kommentare
Gemäß den Anweisungen sollten neue Ausgaben mit http://new-issue.ant.design . erstellt werden
optionFilterProp und filterOption können Sie verwalten, wie die verfügbaren Optionen gefiltert werden, z
<Select
showSearch
optionFilterProp="children"
filterOption={(input: any, option: any) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
...
</Select>
Das obige Filter filtert die Groß-/Kleinschreibung unabhängig von den verfügbaren Optionen nach Label.
Dies ist in der Dokumentation https://ant.design/components/select/#components -select-demo-search . dargestellt
HTH
gavinrobertszeco
am 15. Nov. 2017
Danke Gavin!
remyvanderwereld
am 15. Nov. 2017
Kein Problem @remyvanderwereld
Zu Ihrer Information, verwenden Sie das New-Issue-Tool, da Probleme sonst dazu neigen, in Konserven zu geraten.
gavinrobertszeco
am 15. Nov. 2017
Verwandte Themen
kevyu
·
3Kommentare
PeteAndersen
·
3Kommentare
AhmedSayed77
·
3Kommentare
longzb
·
3Kommentare
zhangchen2397
·
3Kommentare
Hilfreichster Kommentar
Gemäß den Anweisungen sollten neue Ausgaben mit http://new-issue.ant.design . erstellt werden
optionFilterPropundfilterOptionkönnen Sie verwalten, wie die verfügbaren Optionen gefiltert werden, zDas obige Filter filtert die Groß-/Kleinschreibung unabhängig von den verfügbaren Optionen nach Label.
Dies ist in der Dokumentation https://ant.design/components/select/#components -select-demo-search . dargestellt
HTH