Syncfusion React UI Selection Controls
현대적인 React 애플리케이션을 위한 종합적인 선택 구성 요소입니다.
- 단일, 다중, 계층적 선택 시나리오를 지원합니다.
- 드롭다운, 콤보 박스, 자동 완성, 목록 구성 요소를 포함합니다.
- 필터링, 템플릿, 상호작용 가능한 상태 제어를 제공합니다.
가격:
DropDown List를 통한 안정적인 단일 선택
DropDown List를 사용하면 사용자가 미리 정의된 옵션 집합에서 하나의 값을 선택할 수 있습니다. 그룹화, 필터링, 사용자 지정 항목 템플릿을 지원하여 React 폼과 데이터 입력 화면에서 구조화된 데이터를 더 명확하게 표시하는 데 도움이 됩니다.
하나의 컨트롤에서 여러 선택 항목 관리하기
MultiSelect DropDown을 사용하면 사용자가 작은 입력 영역 안에서 여러 항목을 선택할 수 있습니다. 내장 필터링과 선택한 값의 유연한 표시 기능은 태깅, 필터링 패널, 카테고리 선택 시나리오에 적합합니다.
DropDown Tree를 통해 중첩 데이터 다루기
DropDown Tree는 계층적 데이터를 드롭다운 인터페이스 안에 표시합니다. 사용자는 상위 노드를 확장하고, 하위 항목을 검토하며, 다양한 수준에서 값을 선택할 수 있습니다. 체크박스 지원은 계층 구조의 여러 분기에 걸친 선택 상태를 반영하는 데 도움이 됩니다.
AutoComplete와 ComboBox를 활용한 안내형 입력
AutoComplete는 사용자가 입력할 때 일치하는 항목을 제안하며, ComboBox는 입력 기능과 선택 가능한 목록을 결합합니다. 두 기능을 함께 사용하면 제어된 입력과 유연한 입력을 모두 지원하여 React 애플리케이션에서 오류를 줄이고 효율성을 높일 수 있습니다.
MultiColumn ComboBox에서 레코드 비교하기
MultiColumn ComboBox는 각 항목의 여러 데이터 필드를 드롭다운 안에 표시합니다. 이 레이아웃을 통해 사용자는 선택하기 전에 관련 속성을 비교할 수 있으며, 구조화된 비즈니스 데이터에 유용합니다.
ListBox를 사용한 항목 정리
ListBox는 단일 또는 다중 선택을 지원하는 명확한 목록 형식으로 항목을 표시합니다. 드래그 앤 드롭 및 재정렬 기능을 통해 사용자는 인터페이스 안에서 직접 컬렉션을 관리할 수 있습니다.
Radio Button 및 CheckBox로 명확한 폼 입력
Radio Button 및 CheckBox 구성 요소는 폼에서 상호 배타적 선택과 독립적 선택을 처리합니다. 이들은 예측 가능한 선택 동작을 제공하며, 제어형 및 비제어형 React 구성 요소와 자연스럽게 통합됩니다.
Toggle Switch와 Button Group으로 빠른 상태 변경
Toggle Switch Button은 즉각적인 시각적 피드백과 함께 불리언 값을 표현합니다. Button Group은 관련 옵션을 선택 가능한 버튼으로 배치하여 사용자가 사용 가능한 선택지 사이를 쉽게 전환할 수 있도록 합니다.
Mention과 Chips를 활용한 상황 인식 선택
Mention 구성 요소는 텍스트 필드 안에 트리거 문자가 입력되면 제안을 표시하여 인라인 참조를 가능하게 합니다. Chips 구성 요소는 선택한 값을 필요에 따라 추가, 선택 또는 제거할 수 있는 간결한 시각적 요소로 표현합니다.
제품 호환성
아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.
컴포넌트 유형
- JavaScript
JavaScript 플랫폼
- React
Syncfusion에 대해
2001년에 설립되어 노스캐롤라이나주 Morrisville에 본사를 둔 Syncfusion은 .NET, JavaScript, 그리고 주요 모바일 및 데스크톱 개발 플랫폼을 위한 광범위한 개발자 컴포넌트, 컨트롤, 프레임워크를 제공하는 데 특화되어 있습니다. 125개국 이상에서 12,000명 이상의 고객을 보유한 이 회사는 개별 개발자부터 Fortune 500 기업에 이르기까지 다양한 고객층에 서비스를 제공합니다. Essential Studio와 같은 인기 제품군은 1,600개 이상의 컴포넌트를 제공하며, 반응형 지원과 투명한 라이선스를 바탕으로 신속한 애플리케이션 개발, 심층적인 비즈니스 인텔리전스, 강력한 보고 솔루션을 지원합니다.
