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