Ant-design: Fungsi pencarian di beberapa kotak pilih loop melalui nilai, bukan label.

Dibuat pada 15 Nov 2017  ·  3Komentar  ·  Sumber: ant-design/ant-design

Masalah apa yang dipecahkan fitur ini?

Saya menggunakan input pilih dengan user_id sebagai nilai dan nama pengguna sebagai label. Saat menggunakan pencarian otomatis dalam modus multiselect, itu mencari id/nilai bukan nama pengguna/label.

Seperti apa tampilan API yang diusulkan?

Akan lebih baik untuk memberikan parameter pada input pilih seperti:

Komentar yang paling membantu

Sesuai instruksi, masalah baru harus dibuat menggunakan http://new-issue.ant.design

optionFilterProp dan filterOption memungkinkan Anda mengelola cara memfilter opsi yang tersedia, yaitu

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

Di atas akan memfilter huruf besar/kecil secara tidak sensitif memfilter opsi yang tersedia berdasarkan label.

Ini ditunjukkan pada dokumentasi https://ant.design/components/select/#components -select-demo-search

HTH

Semua 3 komentar

Sesuai instruksi, masalah baru harus dibuat menggunakan http://new-issue.ant.design

optionFilterProp dan filterOption memungkinkan Anda mengelola cara memfilter opsi yang tersedia, yaitu

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

Di atas akan memfilter huruf besar/kecil secara tidak sensitif memfilter opsi yang tersedia berdasarkan label.

Ini ditunjukkan pada dokumentasi https://ant.design/components/select/#components -select-demo-search

HTH

Terima kasih Gavin!

Tidak masalah @remyvanderwereld

FYI, gunakan alat edisi baru, karena masalah cenderung menjadi kalengan sebaliknya.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat