From e5fb22126e0c70bee7be4d5e16f86d95a4404b29 Mon Sep 17 00:00:00 2001 From: Vlada Skorohodova <94827090+vladaskorohodova@users.noreply.github.com> Date: Fri, 20 Sep 2024 13:39:04 +0400 Subject: [PATCH] TreeList: add Overview (#6633) (#6634) --- .../TreeList/02 Overview/00 Overview.md | 3 +++ .../TreeList/02 Overview/05 Elements.md | 14 ++++++++++++++ .../TreeList/02 Overview/10 Key Features.md | 14 ++++++++++++++ .../TreeList/02 Overview/15 Explore More.md | 5 +++++ images/treelist/tree-list-elements.png | Bin 0 -> 130540 bytes 5 files changed, 36 insertions(+) create mode 100644 concepts/05 UI Components/TreeList/02 Overview/00 Overview.md create mode 100644 concepts/05 UI Components/TreeList/02 Overview/05 Elements.md create mode 100644 concepts/05 UI Components/TreeList/02 Overview/10 Key Features.md create mode 100644 concepts/05 UI Components/TreeList/02 Overview/15 Explore More.md create mode 100644 images/treelist/tree-list-elements.png diff --git a/concepts/05 UI Components/TreeList/02 Overview/00 Overview.md b/concepts/05 UI Components/TreeList/02 Overview/00 Overview.md new file mode 100644 index 0000000000..3792e25599 --- /dev/null +++ b/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. \ No newline at end of file diff --git a/concepts/05 UI Components/TreeList/02 Overview/05 Elements.md b/concepts/05 UI Components/TreeList/02 Overview/05 Elements.md new file mode 100644 index 0000000000..9ada5a1d4a --- /dev/null +++ b/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. + +
+ +
\ No newline at end of file diff --git a/concepts/05 UI Components/TreeList/02 Overview/10 Key Features.md b/concepts/05 UI Components/TreeList/02 Overview/10 Key Features.md new file mode 100644 index 0000000000..93374672ea --- /dev/null +++ b/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. \ No newline at end of file diff --git a/concepts/05 UI Components/TreeList/02 Overview/15 Explore More.md b/concepts/05 UI Components/TreeList/02 Overview/15 Explore More.md new file mode 100644 index 0000000000..100dcfbc96 --- /dev/null +++ b/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/') \ No newline at end of file diff --git a/images/treelist/tree-list-elements.png b/images/treelist/tree-list-elements.png new file mode 100644 index 0000000000000000000000000000000000000000..bf200a074d4611b99e1ba4c5fc0109de4216b5f7 GIT binary patch literal 130540 zcmeFZXHe7I-!B@9XjDL9s~Zp%Y0{-jM@4C&75!*@;9Cl8CHX6`P!gt=~dv^Ss)oOL?1&SrsQZX>%@)X1zyz
zv%Gr+3ks11JiJkHm8NiB9pR`r)$WhXDi%T8Lt|KySYut?`k?cEE>Ku{Ycl|{HJ=~V
zAYl8sW`ZCIk)3PU<+r_9MRu-Psv%=7eMbm|AoazbT9==Ho#|xiytg?c*0|MM;v|jz
z$fQs>s*Y0I{qant@KoU4g|DTA7ae%}R5R<3b?uJQSQ%uJdxPHqD44`IcRr%9yKCKg
zIIu;!4)ZJy0fu54l$8=Du+%0n}8uq;VElv8*mo#iS
zVGxpSQU+#spYsy2=57N^)a=sHR(Y{VfsHg*y*@eD^URkQ4-!{ru}J0DS5|!Le6hZR
zj=5zW%G+_SRU?&NvKu45*4je_AerSJXP0_iSie3 V-~7B3s*9L^JX&;v
zFFK+(8A4ldY7v@tA)6Y>Gj7u$77Qo1>ARZ|d{;5hS+HDO0uP151EQ&b7wX;|2zv{I
zYBM&zKpd ^h+SI#lzi@tcz5%E0COZjX_cV{dBm9FzP-U7EZ8d9g
z>!dg?y-n%4e@b)BuqdDBexd!-x#
Pv&D&l=R@X%MaL%24FJHYs
zQdaXA$}6?rp;;Rqt5%V>DrS9fY|^?{`D)iwmUEFxB?slG)A%g?rCAUPT@f}z*M20|
z>}ZexHaw3$$PAl-DhZo8mCh|5vd*~r(-({`;<~rLB}b^Oa=&F`4tgDJ`YHN8FVRT*
zLa|lqS-9yf>tC6fj$5j!JaW~-pJR>X_PS4;j?C`9zQz+Jg7fMy?JbEMI-$jk7GB{;
zpIkvql>4s6cAOnWchlj1b}M5XfAAG~UR5L(n;d&0>!7Q20-MAe47WAVDCU{13F_Je
z!t(c&YxGE0Dn
b9
zZA2p9u{XmlPSbdMwIhK65}+Fxhe>=mc