DevExtreme Angular UI Selection Controls

DevExpressUI 선택 컨트롤JavaScript

풍부한 사용자 인터페이스를 위한 다목적 Angular 선택 컨트롤.

  • 검색 및 그룹화 기능이 있는 항목 선택용 SelectBox를 포함합니다.
  • List 구성 요소는 단일, 다중 및 전체 선택 모드를 지원합니다.
  • DataGrid는 지연 및 일괄 옵션이 있는 고급 행 선택 기능을 제공합니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Angular UI Selection Controls 제품 이미지
DevExtreme Angular UI Selection Controls는 Angular 애플리케이션에서 사용자 선택을 효율적으로 처리하도록 설계된 포괄적인 구성 요소 세트를 제공합니다. 간단한 드롭다운부터 복잡한 데이터 그리드까지, 이러한 컨트롤은 검색, 그룹화, 다중 선택 모드, 이벤트 처리와 같은 기능을 제공하여 사용자 상호 작용과 데이터 관리를 향상시킵니다.

SelectBox Component

사용자가 목록에서 값을 선택하거나 추가할 수 있는 드롭다운 편집기를 제공합니다. 배열 또는 외부 소스에 대한 데이터 바인딩, 검색 기능, 항목 그룹화, 팝업 옵션으로 드롭다운 메뉴 사용자 지정과 같은 기능을 지원합니다.

List Selection Modes

단일, 다중 또는 전체 항목 모드를 사용하여 목록 내 항목 선택을 가능하게 합니다. 선택을 표시하기 위한 체크박스를 포함하며 클릭으로 선택하거나 체크박스를 통해서만 선택할 수 있습니다.

Selection Controls in List

선택 체크박스 표시, 클릭에 의한 선택 제어, 모든 항목 또는 페이지가 매겨진 데이터 전반에서 select all 동작 관리 등의 옵션을 포함합니다. 사용자 작업에 응답하기 위한 선택 변경 이벤트 처리를 지원합니다.

DataGrid Row Selection

전용 선택 열의 체크박스를 사용하여 단일 또는 다중 행 선택을 지원합니다. 모든 페이지 또는 현재 페이지를 대상으로 하는 모드로 전체 선택/전체 선택 해제와 같은 기능, 그리고 대규모 데이터 세트에서의 성능을 위한 지연 선택을 포함합니다.

Deferred Selection in DataGrid

필요할 때만 데이터를 로드하여 선택 작업을 지연할 수 있게 하며, 특히 사용자가 모든 레코드를 선택할 때 대규모 데이터 소스에서 성능을 향상시킵니다.

Selection Event Handling

모든 구성 요소는 값 변경 또는 선택 상태 변경과 같은 이벤트를 발생시키므로, 개발자는 사용자가 항목이나 행을 선택하거나 선택 해제할 때 사용자 지정 로직을 구현할 수 있습니다.

Initial and Runtime Selection APIs

메서드와 속성을 통해 개발자는 초기 선택을 프로그래밍 방식으로 설정하고, 런타임에 선택을 수정하며, 선택된 키나 데이터를 조회할 수 있어 동적인 애플리케이션 시나리오에 유연성을 제공합니다.

Customization and Integration

구성 요소는 템플릿, 그룹화, 필터링, 팝업 조정을 통한 사용자 지정을 지원합니다. 또한 표준 구성 요소 및 모듈 가져오기 방식을 따라 Angular 애플리케이션에 통합됩니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular