Ignite UI 트리 목록
일부 계층적 데이터는 컨텍스트 내 데이터와의 관계를 기반으로 가장 잘 시각화됩니다. JavaScript 트리 구성 요소용 Ignite UI 사용자에게 전체 그리드 구성 요소의 오버헤드 없이 계층적 데이터를 탐색할 수 있는 간단한 UI를 제공할 수 있는 최고의 유연성을 제공합니다. 기능에는 주문형 로드, 사용자 정의 아이콘 및 항목 템플릿, 끌어서 놓기 지원, 전체 범위의 데이터 소스에 바인딩하는 기능이 포함됩니다.
샘플 보기데이터 바인딩
JavaScript 트리용 Ignite UI 다양한 소스 배열의 데이터 바인딩을 지원합니다. 트리를 HTML 목록, JSON 개체 및 XML 구조에 바인딩하면 트리가 어떤 모양이나 크기로든 애플리케이션에서 노출된 데이터를 사용할 수 있는 유연성을 얻을 수 있습니다. 트리 노드의 확인란과 확장 상태는 데이터 소스의 속성에 바인딩될 수도 있습니다.
샘플 보기주문형 로드
대규모 데이터 세트를 처리할 때 JavaScript 트리용 Ignite UI 요청 시 로드를 지원하므로 전체 데이터 세트가 아닌 한 번에 데이터 청크를 요청하고 렌더링하도록 트리를 구성할 수 있습니다. 데이터 덩어리로 작업하면 응답 시간이 빨라져 애플리케이션의 전반적인 성능이 향상됩니다.
샘플 보기끌어서 놓기
JavaScript 트리용 Ignite UI 드래그 앤 드롭 지원을 포함하여 사용자가 데이터와 상호 작용할 수 있는 다양한 방법을 제공합니다. 여러 트리 간의 드래그 앤 드롭 이벤트에 응답하든, 단일 트리로 작업하든 컨트롤은 풍부한 사용자 상호 작용을 구축하는 데 필요한 이벤트 후크를 노출합니다.
샘플 보기