Skip to content

Commit

Permalink
Merge pull request #30 from DHTMLX/next
Browse files Browse the repository at this point in the history
[update] docs for v9.0
  • Loading branch information
mafanya23 authored Nov 26, 2024
2 parents 33c41ab + 3398546 commit 9fc28f1
Show file tree
Hide file tree
Showing 224 changed files with 4,325 additions and 9,614 deletions.
167 changes: 167 additions & 0 deletions docker/redirects.conf
Original file line number Diff line number Diff line change
Expand Up @@ -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;
39 changes: 39 additions & 0 deletions docs/data_collection/api/datacollection_aftergroup_event.md
Original file line number Diff line number Diff line change
@@ -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
39 changes: 39 additions & 0 deletions docs/data_collection/api/datacollection_afterungroup_event.md
Original file line number Diff line number Diff line change
@@ -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
42 changes: 42 additions & 0 deletions docs/data_collection/api/datacollection_beforegroup_event.md
Original file line number Diff line number Diff line change
@@ -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
Loading

0 comments on commit 9fc28f1

Please sign in to comment.