Merge pull request #30 from DHTMLX/next

[update] docs for v9.0

Author: mafanya23

docker/redirects.conf

@@ -1761,3 +1761,170 @@
 /treegrid/index/	/suite/treegrid/;
 /uploader/index/	/suite/uploader/;
 /window/index/	/suite/window/;
+
+/treegrid/  /suite/grid/treegrid_mode/;
+/treegrid/api/api_overview/  /suite/grid/api/api_overview/;
+/category/treegrid-methods/  /suite/category/grid-methods/;
+/treegrid/api/treegrid_addcellcss_method/  /suite/grid/api/grid_addcellcss_method/;
+/treegrid/api/treegrid_addrowcss_method/  /suite/grid/api/grid_addrowcss_method/;
+/treegrid/api/treegrid_addspan_method/  /suite/grid/api/grid_addspan_method/;
+/treegrid/api/treegrid_adjustcolumnwidth_method/  /suite/grid/api/grid_adjustcolumnwidth_method/;
+/treegrid/api/treegrid_collapse_method/  /suite/grid/api/treegrid_mode/grid_collapse_method/;
+/treegrid/api/treegrid_collapseall_method/  /suite/grid/api/treegrid_mode/grid_collapseall_method/;
+/treegrid/api/treegrid_destructor_method/  /suite/grid/api/grid_destructor_method/;
+/treegrid/api/treegrid_editcell_method/  /suite/grid/api/grid_editcell_method/;
+/treegrid/api/treegrid_editend_method/  /suite/grid/api/grid_editend_method/;
+/treegrid/api/treegrid_expand_method/  /suite/grid/api/treegrid_mode/grid_expand_method/;
+/treegrid/api/treegrid_expandall_method/  /suite/grid/api/treegrid_mode/grid_expandall_method/;
+/treegrid/api/treegrid_getcellrect_method/  /suite/grid/api/grid_getcellrect_method/;
+/treegrid/api/treegrid_getcolumn_method/  /suite/grid/api/grid_getcolumn_method/;
+/treegrid/api/treegrid_getheaderfilter_method/  /suite/grid/api/grid_getheaderfilter_method/;
+/treegrid/api/headerfilter/blur_method/  /suite/grid/api/headerfilter/blur_method/;
+/treegrid/api/headerfilter/clear_method/  /suite/grid/api/headerfilter/clear_method/;
+/treegrid/api/headerfilter/focus_method/  /suite/grid/api/headerfilter/focus_method/;
+/treegrid/api/headerfilter/getfilter_method/  /suite/grid/api/headerfilter/getfilter_method/;
+/treegrid/api/headerfilter/setvalue_method/  /suite/grid/api/headerfilter/setvalue_method/;
+/treegrid/api/treegrid_getscrollstate_method/  /suite/grid/api/grid_getscrollstate_method/;
+/treegrid/api/treegrid_getsortingstate_method/  /suite/grid/api/grid_getsortingstate_method/;
+/treegrid/api/treegrid_getspan_method/  /suite/grid/api/grid_getspan_method/;
+/treegrid/api/treegrid_groupby_method/  /suite/migration/#data-grouping;
+/treegrid/api/treegrid_hidecolumn_method/  /suite/grid/api/grid_hidecolumn_method/;
+/treegrid/api/treegrid_hiderow_method/  /suite/grid/api/grid_hiderow_method/;
+/treegrid/api/treegrid_iscolumnhidden_method/  /suite/grid/api/grid_iscolumnhidden_method/;
+/treegrid/api/treegrid_isrowhidden_method/  /suite/grid/api/grid_isrowhidden_method/;
+/treegrid/api/treegrid_paint_method/  /suite/grid/api/grid_paint_method/;
+/treegrid/api/treegrid_removecellcss_method/  /suite/grid/api/grid_removecellcss_method/;
+/treegrid/api/treegrid_removerowcss_method/  /suite/grid/api/grid_removerowcss_method/;
+/treegrid/api/treegrid_removespan_method/  /suite/grid/api/grid_removespan_method/;
+/treegrid/api/treegrid_scroll_method/  /suite/grid/api/grid_scroll_method/;
+/treegrid/api/treegrid_scrollto_method/  /suite/grid/api/grid_scrollto_method/;
+/treegrid/api/treegrid_setcolumns_method/  /suite/grid/api/grid_setcolumns_method/;
+/treegrid/api/treegrid_showcolumn_method/  /suite/grid/api/grid_showcolumn_method/;
+/treegrid/api/treegrid_showrow_method/  /suite/grid/api/grid_showrow_method/;
+/treegrid/api/treegrid_ungroup_method/  /suite/migration/#data-grouping;
+/category/treegrid-events/  /suite/category/grid-events/;
+/treegrid/api/treegrid_aftercollapse_event/  /suite/grid/api/treegrid_mode/grid_aftercollapse_event/;
+/treegrid/api/treegrid_aftercolumndrag_event/  /suite/grid/api/grid_aftercolumndrag_event/;
+/treegrid/api/treegrid_aftercolumndrop_event/  /suite/grid/api/grid_aftercolumndrop_event/;
+/treegrid/api/treegrid_aftercolumnhide_event/  /suite/grid/api/grid_aftercolumnhide_event/;
+/treegrid/api/treegrid_aftercolumnshow_event/  /suite/grid/api/grid_aftercolumnshow_event/;
+/treegrid/api/treegrid_aftereditend_event/  /suite/grid/api/grid_aftereditend_event/;
+/treegrid/api/treegrid_aftereditstart_event/  /suite/grid/api/grid_aftereditstart_event/;
+/treegrid/api/treegrid_afterexpand_event/  /suite/grid/api/treegrid_mode/grid_afterexpand_event/;
+/treegrid/api/treegrid_afterresizeend_event/  /suite/grid/api/grid_afterresizeend_event/;
+/treegrid/api/treegrid_afterrowdrag_event/  /suite/grid/api/grid_afterrowdrag_event/;
+/treegrid/api/treegrid_afterrowdrop_event/  /suite/grid/api/grid_afterrowdrop_event/;
+/treegrid/api/treegrid_afterrowhide_event/  /suite/grid/api/grid_afterrowhide_event/;
+/treegrid/api/treegrid_afterrowresize_event/  /suite/grid/api/grid_afterrowresize_event/;
+/treegrid/api/treegrid_afterrowshow_event/  /suite/grid/api/grid_afterrowshow_event/;
+/treegrid/api/treegrid_aftersort_event/  /suite/grid/api/grid_aftersort_event/;
+/treegrid/api/treegrid_beforecollapse_event/  /suite/grid/api/treegrid_mode/grid_beforecollapse_event/;
+/treegrid/api/treegrid_beforecolumndrag_event/  /suite/grid/api/grid_beforecolumndrag_event/;
+/treegrid/api/treegrid_beforecolumndrop_event/  /suite/grid/api/grid_beforecolumndrop_event/;
+/treegrid/api/treegrid_beforecolumnhide_event/  /suite/grid/api/grid_beforecolumnhide_event/;
+/treegrid/api/treegrid_beforecolumnshow_event/  /suite/grid/api/grid_beforecolumnshow_event/;
+/treegrid/api/treegrid_beforeeditend_event/  /suite/grid/api/grid_beforeeditend_event/;
+/treegrid/api/treegrid_beforeeditstart_event/  /suite/grid/api/grid_beforeeditstart_event/;
+/treegrid/api/treegrid_beforeexpand_event/  /suite/grid/api/treegrid_mode/grid_beforeexpand_event/;
+/treegrid/api/treegrid_beforefilter_event/  /suite/grid/api/grid_beforefilter_event/;
+/treegrid/api/treegrid_beforeresizestart_event/  /suite/grid/api/grid_beforeresizestart_event/;
+/treegrid/api/treegrid_beforerowdrag_event/  /suite/grid/api/grid_beforerowdrag_event/;
+/treegrid/api/treegrid_beforerowdrop_event/  /suite/grid/api/grid_beforerowdrop_event/;
+/treegrid/api/treegrid_beforerowhide_event/  /suite/grid/api/grid_beforerowhide_event/;
+/treegrid/api/treegrid_beforerowresize_event/  /suite/grid/api/grid_beforerowresize_event/;
+/treegrid/api/treegrid_beforerowshow_event/  /suite/grid/api/grid_beforerowshow_event/;
+/treegrid/api/treegrid_beforesort_event/  /suite/grid/api/grid_beforesort_event/;
+/treegrid/api/treegrid_cancelcolumndrop_event/  /suite/grid/api/grid_cancelcolumndrop_event/;
+/treegrid/api/treegrid_cancelrowdrop_event/  /suite/grid/api/grid_cancelrowdrop_event/;
+/treegrid/api/treegrid_cancolumndrop_event/  /suite/grid/api/grid_cancolumndrop_event/;
+/treegrid/api/treegrid_canrowdrop_event/  /suite/grid/api/grid_canrowdrop_event/;
+/treegrid/api/treegrid_cellclick_event/  /suite/grid/api/grid_cellclick_event/;
+/treegrid/api/treegrid_celldblclick_event/  /suite/grid/api/grid_celldblclick_event/;
+/treegrid/api/treegrid_cellmousedown_event/  /suite/grid/api/grid_cellmousedown_event/;
+/treegrid/api/treegrid_cellmouseover_event/  /suite/grid/api/grid_cellmouseover_event/;
+/treegrid/api/treegrid_cellrightclick_event/  /suite/grid/api/grid_cellrightclick_event/;
+/treegrid/api/treegrid_dragcolumnin_event/  /suite/grid/api/grid_dragcolumnin_event/;
+/treegrid/api/treegrid_dragcolumnout_event/  /suite/grid/api/grid_dragcolumnout_event/;
+/treegrid/api/treegrid_dragcolumnstart_event/  /suite/grid/api/grid_dragcolumnstart_event/;
+/treegrid/api/treegrid_dragrowin_event/  /suite/grid/api/grid_dragrowin_event/;
+/treegrid/api/treegrid_dragrowout_event/  /suite/grid/api/grid_dragrowout_event/;
+/treegrid/api/treegrid_dragrowstart_event/  /suite/grid/api/grid_dragrowstart_event/;
+/treegrid/api/treegrid_expand_event/  /suite/grid/api/treegrid_mode/grid_expand_event/;
+/treegrid/api/treegrid_filterchange_event/  /suite/grid/api/grid_filterchange_event/;
+/treegrid/api/treegrid_footercellclick_event/  /suite/grid/api/grid_footercellclick_event/;
+/treegrid/api/treegrid_footercelldblclick_event/  /suite/grid/api/grid_footercelldblclick_event/;
+/treegrid/api/treegrid_footercellmousedown_event/  /suite/grid/api/grid_footercellmousedown_event/;
+/treegrid/api/treegrid_footercellmouseover_event/  /suite/grid/api/grid_footercellmouseover_event/;
+/treegrid/api/treegrid_footercellrightclick_event/  /suite/grid/api/grid_footercellrightclick_event/;
+/treegrid/api/treegrid_headercellclick_event/  /suite/grid/api/grid_headercellclick_event/;
+/treegrid/api/treegrid_headercelldblclick_event/  /suite/grid/api/grid_headercelldblclick_event/;
+/treegrid/api/treegrid_headercellmousedown_event/  /suite/grid/api/grid_headercellmousedown_event/;
+/treegrid/api/treegrid_headercellmouseover_event/  /suite/grid/api/grid_headercellmouseover_event/;
+/treegrid/api/treegrid_headercellrightclick_event/  /suite/grid/api/grid_headercellrightclick_event/;
+/treegrid/api/treegrid_resize_event/  /suite/grid/api/grid_resize_event/;
+/treegrid/api/treegrid_scroll_event/  /suite/grid/api/grid_scroll_event/;
+/category/treegrid-properties/  /suite/category/grid-properties/;
+/treegrid/api/treegrid_adjust_config/  /suite/grid/api/grid_adjust_config/;
+/treegrid/api/treegrid_autoemptyrow_config/  /suite/grid/api/grid_autoemptyrow_config/;
+/treegrid/api/treegrid_autoheight_config/  /suite/grid/api/grid_autoheight_config/;
+/treegrid/api/treegrid_autowidth_config/  /suite/grid/api/grid_autowidth_config/;
+/treegrid/api/treegrid_bottomsplit_config/  /suite/grid/api/grid_bottomsplit_config/;
+/treegrid/api/treegrid_collapsed_config/  /suite/grid/api/treegrid_mode/grid_collapsed_config/;
+/treegrid/api/treegrid_columns_config/  /suite/grid/api/grid_columns_config/;
+/treegrid/api/treegrid_css_config/  /suite/grid/api/grid_css_config/;
+/treegrid/api/treegrid_data_config/  /suite/grid/api/grid_data_config/;
+/treegrid/api/treegrid_dragcopy_config/  /suite/grid/api/grid_dragcopy_config/;
+/treegrid/api/treegrid_dragexpand_config/  /suite/grid/api/treegrid_mode/grid_dragexpand_config/;
+/treegrid/api/treegrid_dragitem_config/  /suite/grid/api/grid_dragitem_config/;
+/treegrid/api/treegrid_dragmode_config/  /suite/grid/api/grid_dragmode_config/;
+/treegrid/api/treegrid_editable_config/  /suite/grid/api/grid_editable_config/;
+/treegrid/api/treegrid_eventhandlers_config/  /suite/grid/api/grid_eventhandlers_config/;
+/treegrid/api/treegrid_exportstyles_config/  /suite/grid/api/grid_exportstyles_config/;
+/treegrid/api/treegrid_footerautoheight_config/  /suite/grid/api/grid_footerautoheight_config/;
+/treegrid/api/treegrid_footerrowheight_config/  /suite/grid/api/grid_footerrowheight_config/;
+/treegrid/api/treegrid_footertooltip_config/  /suite/grid/api/grid_footertooltip_config/;
+/treegrid/api/treegrid_grouptitletemplate_config/  /suite/migration/#data-grouping;
+/treegrid/api/treegrid_headerautoheight_config/  /suite/grid/api/grid_headerautoheight_config/;
+/treegrid/api/treegrid_headerrowheight_config/  /suite/grid/api/grid_headerrowheight_config/;
+/treegrid/api/treegrid_headertooltip_config/  /suite/grid/api/grid_headertooltip_config/;
+/treegrid/api/treegrid_height_config/  /suite/grid/api/grid_height_config/;
+/treegrid/api/treegrid_htmlenable_config/  /suite/grid/api/grid_htmlenable_config/;
+/treegrid/api/treegrid_leftsplit_config/  /suite/grid/api/grid_leftsplit_config/;
+/treegrid/api/treegrid_multiselection_config/  /suite/grid/api/grid_multiselection_config/;
+/treegrid/api/treegrid_resizable_config/  /suite/grid/api/grid_resizable_config/;
+/treegrid/api/treegrid_rightsplit_config/  /suite/grid/api/grid_rightsplit_config/;
+/treegrid/api/treegrid_rootparent_config/  /suite/grid/api/treegrid_mode/grid_rootparent_config/;
+/treegrid/api/treegrid_rowcss_config/  /suite/grid/api/grid_rowcss_config/;
+/treegrid/api/treegrid_rowheight_config/  /suite/grid/api/grid_rowheight_config/;
+/treegrid/api/treegrid_selection_config/  /suite/grid/api/grid_selection_config/;
+/treegrid/api/treegrid_sortable_config/  /suite/grid/api/grid_sortable_config/;
+/treegrid/api/treegrid_spans_config/  /suite/grid/api/grid_spans_config/;
+/treegrid/api/treegrid_tooltip_config/  /suite/grid/api/grid_tooltip_config/;
+/treegrid/api/treegrid_topsplit_config/  /suite/grid/api/grid_topsplit_config/;
+/treegrid/api/treegrid_width_config/  /suite/grid/api/grid_width_config/;
+/treegrid/api/api_treegridcolumn_properties/  /suite/grid/api/api_gridcolumn_properties/;
+/category/selection-api-1/  /suite/category/selection-api/;
+/category/treegrid-selection-methods/  /suite/category/grid-selection-methods/;
+/treegrid/api/selection/selection_disable_method/  /suite/grid/api/selection/selection_disable_method/;
+/treegrid/api/selection/selection_enable_method/  /suite/grid/api/selection/selection_enable_method/;
+/treegrid/api/selection/selection_getcell_method/  /suite/grid/api/selection/selection_getcell_method/;
+/treegrid/api/selection/selection_removecell_method/  /suite/grid/api/selection/selection_removecell_method/;
+/treegrid/api/selection/selection_setcell_method/  /suite/grid/api/selection/selection_setcell_method/;
+/category/treegrid-selection-events/  /suite/category/grid-selection-events/;
+/treegrid/api/selection/selection_afterselect_event/  /suite/grid/api/selection/selection_afterselect_event/;
+/treegrid/api/selection/selection_afterunselect_event/  /suite/grid/api/selection/selection_afterunselect_event/;
+/treegrid/api/selection/selection_beforeselect_event/  /suite/grid/api/selection/selection_beforeselect_event/;
+/treegrid/api/selection/selection_beforeunselect_event/  /suite/grid/api/selection/selection_beforeunselect_event/;
+/category/export-methods-2/  /suite/category/export-methods-1/;
+/treegrid/api/export/treegrid_csv_method/  /suite/grid/api/export/grid_csv_method/;
+/treegrid/api/export/treegrid_pdf_method/  /suite/grid/api/export/grid_pdf_method/;
+/treegrid/api/export/treegrid_png_method/  /suite/grid/api/export/grid_png_method/;
+/treegrid/api/export/treegrid_xlsx_method/  /suite/grid/api/export/grid_xlsx_method/;
+/treegrid/features/  /suite/grid/features/#how-to-work-with-treegrid-mode;
+/treegrid/initialization/  /suite/grid/initialization/;
+/treegrid/configuration/  /suite/grid/configuration/#setting-the-treegrid-mode;
+/treegrid/data_loading/  /suite/grid/data_loading/;
+/treegrid/usage/  /suite/grid/usage/#working-with-grid-in-the-treegrid-mode;
+/treegrid/usage_selection/  /suite/grid/usage_selection/;
+/treegrid/customization/  /suite/grid/customization/;
+/treegrid/events/  /suite/grid/treegrid_mode/#event-handling;

docs/data_collection/api/datacollection_aftergroup_event.md

@@ -0,0 +1,39 @@
+---
+sidebar_label: afterGroup
+title: JavaScript DataCollection - afterGroup Event 
+description: You can explore the afterGroup event of DataCollection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# afterGroup
+
+@short: fires after data is grouped
+
+## Usage
+
+~~~jsx
+interface IGroupConfig {
+    showMissed?: boolean | string; // true by default
+    field?: string; // "group" by default
+}
+
+afterGroup: (grouped: string[], config: IGroupConfig) => void;
+~~~
+
+## Parameters
+
+- `grouped` - an array of fields data was grouped by
+- `config` - the configuration of data grouping
+    - `showMissed` - (optional) specifies whether the elements that don't have the field for grouping should be displayed, *true* by default
+        - if set to *true*, the rows that don't have values for grouping are rendered row by row after all the data
+        - if a *string* value is set, e.g. "Missed", the rows that don't have values for grouping are rendered as a separate group the name of which will have the specified string value. This group will be rendered as the last one
+        - if set to *false*, the rows that don't suit the grouping criteria won't be rendered
+    - `field` - (optional) the group field name, *"group"* by default
+
+@example:
+component.data.events.on("afterGroup", (grouped, config) => {
+    console.log("Grouping complete. Fields:", grouped, "Configuration:", config);
+});
+
+@descr:
+
+@changelog: added in v9.0

docs/data_collection/api/datacollection_afterungroup_event.md

@@ -0,0 +1,39 @@
+---
+sidebar_label: afterUnGroup
+title: JavaScript DataCollection - afterUnGroup Event 
+description: You can explore the afterUnGroup event of DataCollection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# afterUnGroup
+
+@short: fires after data is ungrouped
+
+## Usage
+
+~~~jsx
+interface IGroupConfig {
+    showMissed?: boolean | string; // true by default
+    field?: string; // "group" by default
+}
+
+afterUnGroup: (grouped: string[], config: IGroupConfig) => void;
+~~~
+
+## Parameters
+
+- `grouped` - an array of fields data was grouped by
+- `config` - the configuration object used for the latest data grouping
+    - `showMissed` - (optional) specifies whether the elements that don't have the field for grouping should be displayed, *true* by default
+        - if set to *true*, the rows that don't have values for grouping are rendered row by row after all the data
+        - if a *string* value is set, e.g. "Missed", the rows that don't have values for grouping are rendered as a separate group the name of which will have the specified string value. This group will be rendered as the last one
+        - if set to *false*, the rows that don't suit the grouping criteria won't be rendered
+    - `field` - (optional) the group field name, *"group"* by default
+
+@example:
+grid.data.events.on("afterUnGroup", (grouped, config) => {
+    console.log("Grouping deletion completed. Fields:", grouped);
+});
+
+@descr:
+
+@changelog: added in v9.0

docs/data_collection/api/datacollection_beforegroup_event.md

@@ -0,0 +1,42 @@
+---
+sidebar_label: beforeGroup
+title: JavaScript DataCollection - beforeGroup Event 
+description: You can explore the beforeGroup event of DataCollection in the documentation of the DHTMLX JavaScript UI library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
+---
+
+# beforeGroup
+
+@short: fires before grouping of data has started
+
+## Usage
+
+~~~jsx
+interface IGroupConfig {
+    showMissed?: boolean | string; // true by default
+    field?: string; // "group" by default
+}
+
+beforeGroup: (config: IGroupConfig) => boolean | void;
+~~~
+
+## Parameters
+
+- `config` - the configuration object used for data grouping
+    - `showMissed` - (optional) specifies whether the elements that don't have the field for grouping should be displayed, *true* by default
+        - if set to *true*, the rows that don't have values for grouping are rendered row by row after all the data
+        - if a *string* value is set, e.g. "Missed", the rows that don't have values for grouping are rendered as a separate group the name of which will have the specified string value. This group will be rendered as the last one
+        - if set to *false*, the rows that don't suit the grouping criteria won't be rendered
+    - `field` - (optional) the group field name, *"group"* by default
+
+@returns:
+Return `false` to prevent data grouping; otherwise, `true`.
+
+@example:
+component.data.events.on("beforeGroup", (config) => {
+    console.log("Grouping starts:", config);
+    return true; // continue grouping
+});
+
+@descr:
+
+@changelog: added in v9.0