Integration with DHTMLX components

dhtmlxLayout can be combined with a number of other DHTMLX components. Such components can be divided into 2 groups:

1. Components which you can put into dhtmlxLayout.
2. Components which you can put dhtmlxLayout into.

They are:

• dhtmlxAccordion;
• dhtmlxEditor;
• dhtmlxFolders;
• dhtmlxGrid;
• dhtmlxMenu;
• dhtmlxScheduler;
• dhtmlxTabbar;
• dhtmlxToolbar;
• dhtmlxTree;
• dhtmlxTreeGrid.

To integrate any of these components into layout you should call method attach[component]() for the related layout cell, e.g.:

// puts accordion into a layout cell
var dhxAccord = dhxLayout.cells("a").attachAccordion();

For more details, read the 'Content attaching' article, chapter 'DHTMLX Components'.

They are:

• dhtmlxAccordion;
• dhtmlxWindow;
• dhtmlxTabbar.

To integrate layout into one of these components you should call method attachLayout() for the component. The method returns a dhtmlxLayout object:

//attachs layout to an accordion cell
var dhxLayout = dhxAcc.cells(id).attachLayout("3L"); 
//attachs layout to a tab
var dhxLayout = dhxTabbar.cells(tabId).attachLayout("3L","dhx_skyblue");
//attachs layout to a window
var dhxLayout = dhxWins.window(id).attachLayout("3L");