TreeList: add Overview (#6633) (#6634)

concepts/05 UI Components/TreeList/02 Overview/00 Overview.md

@@ -0,0 +1,3 @@
+DevExtreme TreeList is a UI component for displaying hierarchical data in a grid. It can handle a collection of linked plain objects and build a tree hierarchy. Key features include data editing and validation, sorting, filtering, searching, and adaptability.
+
+In this overview, you can find a map of TreeList elements, information about key features, and what to explore next.

concepts/05 UI Components/TreeList/02 Overview/05 Elements.md

@@ -0,0 +1,14 @@
+Click an element in the map below to navigate to the topic related to that element.
+
+<p><img src="/images/treelist/tree-list-elements.png" alt="TreeList elements" usemap="#tree-list-elements">
+
+<map id="tree-list-elements" name="tree-list-elements">
+    <area target="_blank" alt="Toolbar items" title="Toolbar items" href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/toolbar/items/" coords="834,18,935,54" shape="rect">
+    <area target="_blank" alt="Column chooser" title="Column chooser" href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/columnChooser/" coords="941,16,972,52" shape="rect">
+    <area target="_blank" alt="Search panel" title="Search panel" href="/Documentation/Guide/UI_Components/TreeList/Filtering_and_Searching/#Search_Panel" coords="984,16,1144,53" shape="rect">
+    <area target="_blank" alt="Row reordering" title="Row reordering" href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/rowDragging/#allowReordering" coords="36,158,74,514" shape="rect">
+    <area target="_blank" alt="Expand  and collapse rows" title="Expand  and collapse rows" href="/Documentation/Guide/UI_Components/TreeList/Expand_and_Collapse_Rows/" coords="78,158,417,513" shape="rect">
+    <area target="_blank" alt="Filter row" title="Filter row" href="/Documentation/Guide/UI_Components/TreeList/Filtering_and_Searching/#Filter_Row" coords="83,114,1024,154" shape="rect">
+    <area target="_blank" alt="Editing" title="Editing" href="/Documentation/Guide/UI_Components/TreeList/Editing/#User_Interaction/Row_Mode" coords="1036,158,1136,516" shape="rect">
+    <area target="_blank" alt="Pager" title="Pager" href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/pager/" coords="43,525,151,567" shape="rect">
+</map></p>

concepts/05 UI Components/TreeList/02 Overview/10 Key Features.md

@@ -0,0 +1,14 @@
+- **Data Binding**    
+TreeList can load and update data from different [data source](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#dataSource) types. You can define data as [plain or hierarchical](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#dataStructure). If you choose plain data, you can load it [on demand](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#hasItemsExpr).
+
+- **Various Edit Modes**    
+[Edit](/concepts/05%20UI%20Components/TreeList/20%20Editing '/Documentation/Guide/UI_Components/TreeList/Editing/') TreeList data in multiple modes, including [form](/concepts/05%20UI%20Components/TreeList/20%20Editing/10%20User%20Interaction/40%20Form%20Mode.md '/Documentation/Guide/UI_Components/TreeList/Editing/#User_Interaction/Form_Mode') and [popup](/concepts/05%20UI%20Components/TreeList/20%20Editing/10%20User%20Interaction/50%20Popup%20Mode.md '/Documentation/Guide/UI_Components/TreeList/Editing/#User_Interaction/Popup_Mode') modes.
+
+- **Filtering and Sorting**    
+Set up a [filter row](/concepts/05%20UI%20Components/TreeList/30%20Filtering%20and%20Searching/1%20Filter%20Row.md '/Documentation/Guide/UI_Components/TreeList/Filtering_and_Searching/#Filter_Row') and a [header filter](/concepts/05%20UI%20Components/TreeList/30%20Filtering%20and%20Searching/2%20Header%20Filter.md '/Documentation/Guide/UI_Components/TreeList/Filtering_and_Searching/#Header_Filter') to filter data by column values, or use other [ways to filter](/concepts/05%20UI%20Components/TreeList/30%20Filtering%20and%20Searching '/Documentation/Guide/UI_Components/TreeList/Filtering_and_Searching/'). You can [sort](/concepts/05%20UI%20Components/TreeList/25%20Sorting/10%20User%20Interaction.md '/Documentation/Guide/UI_Components/TreeList/Sorting/#User_Interaction') TreeList by single or multiple columns initially or at runtime.
+
+- **Rich Customization**    
+TreeList offers extensive appearance and behavior customization.
+
+- **Nodes Drag and Drop**    
+You can [drag and drop](/Documentation/Guide/UI_Components/TreeList/Getting_Started_with_TreeList/#Enable_Row_Drag_&_Drop) nodes to reorder them or change their hierarchy.

concepts/05 UI Components/TreeList/02 Overview/15 Explore More.md

@@ -0,0 +1,5 @@
+- [Getting Started with TreeList](/concepts/05%20UI%20Components/TreeList/00%20Getting%20Started%20with%20TreeList '/Documentation/Guide/UI_Components/TreeList/Getting_Started_with_TreeList/')
+
+- [API](/api-reference/10%20UI%20Components/dxTreeList '/Documentation/ApiReference/UI_Components/dxTreeList/')
+
+- [Demos](/concepts/05%20UI%20Components/TreeList/Demos.md '/Documentation/Guide/UI_Components/TreeList/Demos/')