Ant-design: 다중 선택 상자의 검색 기능은 레이블 대신 값을 반복합니다.

에 만든 2017년 11월 15일 · 3코멘트 · 출처: ant-design/ant-design

이 기능은 어떤 문제를 해결합니까?

user_id를 값으로, 사용자 이름을 레이블로 사용하여 선택 입력을 사용하고 있습니다. 다중 선택 방식에서 자동 검색을 사용할 때 사용자 이름/레이블 대신 ID/값을 검색합니다.

제안된 API는 어떻게 생겼습니까?

다음과 같이 선택 입력에 매개변수를 지정하는 것이 좋습니다.

출처

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

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Ant-design: 다중 선택 상자의 검색 기능은 레이블 대신 값을 반복합니다.

이 기능은 어떤 문제를 해결합니까?

제안된 API는 어떻게 생겼습니까?

가장 유용한 댓글

모든 3 댓글

관련 문제