diff --git a/concepts/05 UI Components/TreeView/02 Overview/00 Overview.md b/concepts/05 UI Components/TreeView/02 Overview/00 Overview.md new file mode 100644 index 0000000000..0787422027 --- /dev/null +++ b/concepts/05 UI Components/TreeView/02 Overview/00 Overview.md @@ -0,0 +1,3 @@ +TreeView is a UI component that displays a tree of text nodes. + +In this overview, you can find a map of TreeView elements, information about key features, and what to explore next. \ No newline at end of file diff --git a/concepts/05 UI Components/TreeView/02 Overview/05 Elements.md b/concepts/05 UI Components/TreeView/02 Overview/05 Elements.md new file mode 100644 index 0000000000..b391fcaad4 --- /dev/null +++ b/concepts/05 UI Components/TreeView/02 Overview/05 Elements.md @@ -0,0 +1,6 @@ +TreeView elements + +1. [Search](/Documentation/Guide/UI_Components/TreeView/Search_Nodes/) +2. [Expand icon](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#expandIcon) +3. [Collapse icon](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#collapseIcon) +4. [Item](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/items/) \ No newline at end of file diff --git a/concepts/05 UI Components/TreeView/02 Overview/10 Key Features.md b/concepts/05 UI Components/TreeView/02 Overview/10 Key Features.md new file mode 100644 index 0000000000..d40b46ad64 --- /dev/null +++ b/concepts/05 UI Components/TreeView/02 Overview/10 Key Features.md @@ -0,0 +1,11 @@ +- **Data Binding** +TreeView can load and update data from different [data source](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#dataSource) types. You can define data as [plain or hierarchical](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#dataStructure). If you choose plain data, you can load it in a [virtual mode](/Documentation/Guide/UI_Components/TreeView/Enhance_Performance_on_Large_Datasets/) to enhance performance on large datasets. + +- **Search** +You can enable [search](/Documentation/Guide/UI_Components/TreeView/Search_Nodes/) in the TreeView component, allowing node searches if they are loaded. + +- **Selection** +When selection is enabled, TreeView [displays check boxes](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#showCheckBoxesMode). You can specify various [selection modes](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#selectionMode). To handle selection, use event handlers such as [onSelectionChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onSelectionChanged), [onSelectAllValueChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onSelectAllValueChanged), and [onItemSelectionChanged](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#onItemSelectionChanged). + +- **Customization** +You can customize TreeView appearance. Set custom [collapse](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#collapseIcon) and [expand](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#expandIcon) icons. Specify a custom template for [all items](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/#itemTemplate) or [individually](/Documentation/ApiReference/UI_Components/dxTreeView/Configuration/items/#template) for each item. \ No newline at end of file diff --git a/concepts/05 UI Components/TreeView/02 Overview/15 Explore More.md b/concepts/05 UI Components/TreeView/02 Overview/15 Explore More.md new file mode 100644 index 0000000000..99b1a2ec62 --- /dev/null +++ b/concepts/05 UI Components/TreeView/02 Overview/15 Explore More.md @@ -0,0 +1,5 @@ +- [Getting Started with TreeView](/Documentation/Guide/UI_Components/TreeView/Getting_Started_with_TreeView/) + +- [API](/Documentation/ApiReference/UI_Components/dxTreeView/) + +- [Demos](https://js.devexpress.com/Demos/WidgetsGallery/Demo/TreeView/HierarchicalDataStructure/) \ No newline at end of file diff --git a/images/TreeView/treeview-elements.png b/images/TreeView/treeview-elements.png new file mode 100644 index 0000000000..51185a8821 Binary files /dev/null and b/images/TreeView/treeview-elements.png differ