DHTMLX Docs & Samples Explorer

Index
dhtmlxaccordion

# DHTMLX Components Integration

dhtmlxAccordion is compatible with the following dhtmlx Components + a simple status bar:

- dhtmlxGrid/TreeGrid - attachGrid();
- dhtmlxTree - attachTree();
- dhtmlxTabbar - attachTabbar();
- dhtmlxFolders - attachFolders();
- dhtmlxLayout - attachLayout();
- dhtmlxMenu - attachMenu();
- dhtmlxToolbar - attachToolbar();
- dhtmlxEditor - attachEditor();
- dhtmlxStatusBar - attachStatusBar().

To attach one of the stated components to an accordion pane, you should:

1. Include the related code files of the attachment component on the page;
   The related code files need including should be checked in the documentation of the corresponding component.
2. Call the related attach[Component]() method.

       var grid = dhxAccord.cells("a1").attachGrid();

Please note, if you want to attach dhtmlxGrid with the activated paging mode to the dhtmlxAccordion cell you should use the attachObject() method to attach container with grid and paging area:

    dhxAccordion.cells("a").attachObject("paging_container");