Infragistics Ignite UI for Angular UI Selection Controls

InfragisticsUI 선택 컨트롤JavaScript

다양한 Angular selection controls로 사용자 상호작용을 향상하세요.

  • 차트와 그리드에서 대화형 선택 및 강조 표시를 지원합니다.
  • 단일 또는 다중 항목 선택을 위한 다양한 선택 모드를 제공합니다.
  • 윤곽선, 색상 채우기, 밝기와 같은 사용자 지정 가능한 시각적 피드백을 포함합니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for Angular로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for Angular UI Selection Controls 제품 이미지
Infragistics Ignite UI for Angular UI Selection Controls는 차트, 그리드, 선택 입력 전반에서 사용자 선택을 캡처하기 위한 강력한 구성 요소를 제공합니다. 이러한 컨트롤은 여러 선택 모드를 지원하여 사용자가 색상 채우기, 윤곽선, 밝기 조정과 같은 뚜렷한 시각적 표시로 단일 또는 여러 데이터 항목을 선택할 수 있게 합니다. 개발자 친화적인 API를 통해 다양한 데이터 상호작용 시나리오에 맞게 프로그래밍 방식의 제어와 사용자 지정을 할 수 있습니다.

Chart Data Selection

brighten, fade, outline, and color fill과 같은 구성 가능한 선택 모드를 사용하여 차트에서 하나 또는 여러 시리즈를 대화형으로 선택하고 강조 표시할 수 있습니다. 의미 있는 데이터 상호작용을 위해 per-series 또는 per-data-item selection과 같은 복잡한 선택 동작을 지원합니다.

Row Selection in Grids

전용 row selector 열과 함께 none, single, multiple의 세 가지 행 선택 모드를 제공합니다. 클릭과 키보드를 통한 사용자 상호작용을 지원하며, rowSelectionChanging과 같은 이벤트 훅으로 선택 변경에 응답하거나 취소할 수 있습니다.

Single and Multiple Row Selection Behavior

single selection은 한 번에 하나의 행만 선택할 수 있게 하며, multiple selection은 shift와 ctrl 같은 키보드 보조키를 사용해 범위 선택과 토글 선택으로 여러 행을 선택할 수 있게 합니다. 또한 정렬 및 필터링 중에도 선택 상태를 유지합니다.

Programmatic Selection Control

API를 통해 그리드의 행을 프로그래밍 방식으로 선택, 선택 해제 및 조회할 수 있습니다. 개발자는 row IDs를 사용해 선택 상태를 조작하고, 모두 선택 또는 선택 지우기를 수행하며, 복잡한 원격 가상화 시나리오를 처리할 수 있습니다.

Angular Select Component

템플릿 지정, 가상화된 드롭다운, 항목 그룹화, 접근성 높은 키보드 탐색과 같은 고급 기능을 갖춘 사전 정의된 목록에서 단일 값 선택을 제공하는 사용자 지정 가능한 select 폼 구성 요소입니다.

Custom Visual Feedback for Selections

차트와 그리드에서 선택 또는 강조 상태를 나타내기 위해 색상 채우기, 윤곽선, grayscale, fading, focus 효과와 같은 시각적 신호를 지원하여 선택된 데이터에 대한 사용자의 이해를 높입니다.

Event-driven Interaction Handling

이전 및 새 선택 상태, 추가 및 제거된 항목을 제공하는 상세한 선택 이벤트를 노출하며, 변경 취소를 지원하여 개발자가 조건부 선택 로직을 구현할 수 있게 합니다.

Templating and Styling Customization

Angular 템플릿과 Sass theming functions를 통한 스타일링으로 row selector, header, footer, toggle button을 사용자 지정할 수 있어 애플리케이션 디자인 요구에 맞게 모양과 동작을 조정할 수 있습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular
  • Vanilla JavaScript