Ignite UI Tree List
Some hierarchical data is best visualized based on its relationship to data in context. The Ignite UI for JavaScript Tree component gives you ultimate flexibility in being able to provide your users with a simple UI to traverse hierarchical data without the overhead of a full grid component. Features include load-on-demand, custom icons and item templates, drag and drop support and the ability to bind to a full range of data sources.
View SampleData Binding
The Ignite UI for JavaScript Tree supports data binding from an array of different sources. You can bind the tree to HTML lists, JSON objects and XML structures giving you the flexibility to allow the tree to consume data exposed from your application in any shape or size. The Tree nodes’ checkbox and expansion states can also be bound to properties of the data source.
View SampleLoad on Demand
When dealing with large sets of data, the Ignite UI for JavaScript Tree supports load-on-demand allowing you to configure the tree to request and render chunks of data at a time rather than a full data set. Working in chunks of data ensures quick response times, which improves the overall performance of your application.
View SampleDrag and Drop
The Ignite UI for JavaScript Tree provides a host of ways for users to interact with data including support for drag and drop. Whether responding to drag and drop events between multiple trees or if you’re just working with a single tree, the control exposes the event hooks you need to build rich user interactions.
View Sample