Ant-design: 複数の選択ボックスの検索機能は、ラベルではなく値をループします。

作成日 2017年11月15日 · 3コメント · ソース: ant-design/ant-design

この機能はどのような問題を解決しますか？

user_idを値、usernameをラベルとしてselect入力を使用しています。複数選択モードで自動検索を使用する場合、ユーザー名/ラベルの代わりにID /値を検索します。

提案されたAPIはどのように見えますか？

次のようなパラメータをselect入力に指定すると便利です。

ソース

remyvanderwereld

最も参考になるコメント

指示に従って、新しい問題はhttp://new-issue.ant.designを使用して作成する必要があります

optionFilterPropおよびfilterOption使用すると、使用可能なオプションをフィルタリングする方法を管理できます。

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

上記は、大文字と小文字を区別せずに、使用可能なオプションをラベルでフィルタリングします。

これは、ドキュメントhttps://ant.design/components/select/#components-select-demo-searchに示されています

HTH

gavinrobertszeco 2017年11月15日

👍7

全てのコメント3件

指示に従って、新しい問題はhttp://new-issue.ant.designを使用して作成する必要があります

optionFilterPropおよびfilterOption使用すると、使用可能なオプションをフィルタリングする方法を管理できます。

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

上記は、大文字と小文字を区別せずに、使用可能なオプションをラベルでフィルタリングします。

これは、ドキュメントhttps://ant.design/components/select/#components-select-demo-searchに示されています

HTH

gavinrobertszeco 2017年11月15日

👍7

ありがとうギャビン！

remyvanderwereld 2017年11月15日

👍1

問題ありません@remyvanderwereld

参考までに、問題は缶詰になる傾向があるため、新しい問題ツールを使用してください。

gavinrobertszeco 2017年11月15日

👍1