Syncfusion Angular UI Selection Controls는 Angular 애플리케이션에서 사용자 선택을 캡처하고 관리하기 위한 폭넓은 구성 요소 세트를 제공합니다. 기본적인 라디오 버튼과 체크박스부터 고급 드롭다운, 멀티 셀렉트 입력, 계층형 트리까지, 엔터프라이즈 인터페이스 전반에서 구조화된 데이터 바인딩, 템플릿화, 폼 통합을 지원합니다.
라디오 버튼 및 체크박스 컨트롤
라디오 버튼과 체크박스 구성 요소는 폼과 설정 화면에서 단일 선택 및 다중 선택을 처리합니다. 개발자는 옵션을 그룹화하고, 레이블 위치를 제어하며, 값을 Angular 모델에 직접 바인딩할 수 있습니다. 두 구성 요소 모두 유효성 검사와 상태 관리를 포함하여 템플릿 기반 폼과 반응형 폼에서 작동합니다.
토글 스위치 및 버튼 그룹 입력
토글 스위치는 모던한 스위치 인터페이스로 켜짐과 꺼짐 상태를 나타내며, 버튼 그룹은 관련 옵션을 하나의 선택 가능한 집합으로 구성합니다. 선택 모드는 단일 값 또는 여러 값으로 구성할 수 있으며, 데이터 바인딩과 변경 이벤트를 완벽하게 지원합니다.
칩 기반 선택 인터페이스
chips 구성 요소는 선택된 항목을 인터페이스 내의 간결한 요소로 표시합니다. 단일 및 다중 선택, 사용자 지정 템플릿, 항목 제거를 지원합니다. 이 방식은 사용자가 선택한 값의 명확한 시각적 요약이 필요한 태그 지정, 필터링, 범주 선택에 적합합니다.
Autocomplete 및 ComboBox 입력
Autocomplete 및 combo box 구성 요소는 사용자가 입력하는 동안 추천 항목을 제시하여 입력 오류를 줄이고 데이터 입력 속도를 높입니다. 로컬 배열 또는 원격 데이터 서비스에 연결하고, 필터링을 적용하며, 사용자 지정 항목 템플릿을 렌더링할 수 있습니다. combo box는 미리 정의된 옵션 중에서 선택할 수도 있습니다.
Drop Down List 및 MultiSelect 구성 요소
dropdown list는 그룹화 및 필터링 옵션이 있는 구조화된 데이터에서 단일 선택을 지원합니다. multi select dropdown은 체크박스 선택과 대규모 데이터 세트를 위한 가상화를 포함하여 이 기능을 여러 값으로 확장합니다. 두 구성 요소 모두 Angular 폼과 원활하게 통합됩니다.
고급 항목 관리를 위한 ListBox
ListBox 구성 요소는 단일 또는 다중 선택 모드의 항목 컬렉션을 표시합니다. 목록 간 드래그 앤 드롭, 재정렬, 그룹화를 지원합니다. 따라서 리소스 할당, 범주 관리, 구성 가능한 옵션 정리와 같은 시나리오에 적합합니다.
DropDown Tree를 통한 계층형 선택
DropDown Tree는 트리 뷰 구조와 드롭다운 동작을 결합하여 사용자가 계층형 데이터에서 항목을 선택할 수 있게 합니다. 부모 및 자식 노드 선택, 체크박스 모드, 필터링을 지원합니다. 이 구성 요소는 중첩된 범주나 조직 구조를 다룰 때 유용합니다.
문맥 기반 선택을 위한 Mention 구성 요소
Mention 구성 요소는 사용자가 텍스트 영역 또는 입력 필드에 트리거 문자를 입력하면 필터링된 추천 목록을 표시합니다. 구조화된 데이터에 바인딩되며 템플릿화된 항목을 지원하므로, 협업 인터페이스 내에서 사용자, 태그 또는 엔터티를 참조하는 데 적합합니다.
풍부한 데이터 표현을 위한 MultiColumn ComboBox
MultiColumn ComboBox는 드롭다운 내부에 표 형식 데이터를 표시하며, 각 레코드당 여러 필드를 보여줍니다. 이 레이아웃은 사용자가 선택하기 전에 관련 값을 비교하는 데 도움이 됩니다. 구조화된 비즈니스 데이터를 관리하는 애플리케이션을 위해 필터링, 정렬, 데이터 바인딩을 지원합니다.
폼 통합 및 데이터 바인딩 지원
모든 선택 구성 요소는 Angular 애플리케이션을 위해 만들어졌으며 템플릿 기반 폼과 반응형 폼과 통합됩니다. 일관된 이벤트와 값 API를 제공하므로 변경 사항 추적, 입력 검증, 선택 값을 애플리케이션 상태 또는 백엔드 서비스에 연결하는 작업을 쉽게 수행할 수 있습니다.
제품 호환성
아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.
컴포넌트 유형
JavaScript
JavaScript 플랫폼
Angular
Syncfusion에 대해
2001년에 설립되어 노스캐롤라이나주 Morrisville에 본사를 둔 Syncfusion은 .NET, JavaScript, 그리고 주요 모바일 및 데스크톱 개발 플랫폼을 위한 광범위한 개발자 컴포넌트, 컨트롤, 프레임워크를 제공하는 데 특화되어 있습니다. 125개국 이상에서 12,000명 이상의 고객을 보유한 이 회사는 개별 개발자부터 Fortune 500 기업에 이르기까지 다양한 고객층에 서비스를 제공합니다. Essential Studio와 같은 인기 제품군은 1,600개 이상의 컴포넌트를 제공하며, 반응형 지원과 투명한 라이선스를 바탕으로 신속한 애플리케이션 개발, 심층적인 비즈니스 인텔리전스, 강력한 보고 솔루션을 지원합니다.