Syncfusion Vue UI Selection Controls

SyncfusionUI 선택 컨트롤JavaScript

현대적인 Vue 애플리케이션을 위한 포괄적인 선택 구성 요소.

  • 단일, 다중, 계층형 선택 패턴을 지원합니다.
  • 드롭다운, 콤보 박스, 자동 완성, 목록 구성 요소를 포함합니다.
  • 필터링, 템플릿화, 대화형 상태 제어를 제공합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Vue UI Selection Controls 제품 이미지
Syncfusion Vue UI Selection Controls는 Vue 애플리케이션에서 사용자 선택 및 선택 시나리오를 처리하기 위한 포괄적인 구성 요소 세트를 제공합니다. 검색 가능한 드롭다운, 계층형 선택기, 목록 기반 입력, 그리고 기본 폼 컨트롤을 포함하며, 모두 Vue 데이터 바인딩 및 반응형 상태 관리와 원활하게 통합되도록 설계되었습니다.

DropDown List를 사용한 구조화된 단일 선택

DropDown List를 통해 사용자는 미리 정의된 데이터 소스에서 하나의 값을 선택할 수 있습니다. 그룹화, 필터링, 사용자 지정 항목 템플릿을 지원하여 개발자가 폼과 구성 패널에서 구조화된 정보를 명확하게 제시할 수 있도록 돕습니다.

MultiSelect DropDown으로 여러 선택 항목 처리

MultiSelect DropDown을 사용하면 사용자가 컴팩트한 입력 필드 내에서 여러 값을 선택할 수 있습니다. 기본 제공 필터링과 유연한 표시 옵션은 태깅 시스템, 카테고리 선택, 고급 필터링 인터페이스에 적합합니다.

DropDown Tree를 통한 계층형 데이터 탐색

DropDown Tree는 드롭다운 내부의 확장 가능한 구조로 중첩 데이터를 표시합니다. 사용자는 상위 및 하위 노드를 선택할 수 있어 조직 구조, 카테고리 트리, 다단계 데이터 세트에 유용합니다.

AutoComplete와 ComboBox를 사용한 안내형 텍스트 입력

AutoComplete는 사용자가 입력할 때 일치하는 항목을 제안하고, ComboBox는 입력과 선택 가능한 옵션을 결합합니다. 두 기능은 함께 유연한 데이터 입력 패턴을 지원하는 동시에 사용 가능한 데이터 소스와의 일관성을 유지하는 데 도움을 줍니다.

MultiColumn ComboBox에서 상세 레코드 비교

MultiColumn ComboBox는 드롭다운 내 각 항목에 대해 여러 데이터 필드를 표시합니다. 이 레이아웃은 사용자가 값을 선택하기 전에 관련 정보를 검토하는 데 도움이 되며, 특히 구조화된 비즈니스 데이터에 유용합니다.

ListBox로 목록 및 전송 관리

ListBox는 단일 및 다중 선택 모드를 지원하는 선택 가능한 목록 형식으로 항목을 표시합니다. 드래그 앤 드롭 및 재정렬 기능을 통해 사용자는 인터페이스 내에서 직접 컬렉션을 관리할 수 있습니다.

Radio Button과 CheckBox로 명확한 폼 결정

Radio Button 및 CheckBox 구성 요소는 폼에서 배타적 선택과 독립적 선택을 처리합니다. 예측 가능한 동작과 명확한 시각적 상태를 제공하므로 설정 패널과 사용자 환경설정 폼에 적합합니다.

Toggle Switch Button과 Button Group의 대화형 상태 변경

Toggle Switch Button은 즉각적인 시각적 피드백과 함께 boolean 값을 표현합니다. Button Group은 관련 옵션을 선택 가능한 버튼으로 배열하여 상호 배타적 선택 또는 여러 선택 사항을 간결하게 제시합니다.

Mention과 Chips를 사용한 인라인 선택 및 태깅

Mention 구성 요소는 텍스트 필드에 트리거 문자가 입력되면 제안을 표시하여 문맥적 참조를 가능하게 합니다. Chips 구성 요소는 선택된 값을 레이아웃 내에서 추가, 선택 또는 제거할 수 있는 컴팩트한 요소로 표현합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js