Work with Layout

Removing cells

To remove a certain cell from a layout, apply the removeCell method. As a parameter it takes the id of a cell to be removed:


Getting the object of a cell

You can get the object of some cell by its id. Use the getCell method for this purpose:


Attaching a component to a cell

You can easily attach any DHTMLX component to a cell of Layout using the attach method of a cell:

var list = new dhx.List(null, {
    template: listTemplate,
    itemHeight: 52,
    height: "100%",
    dragMode: "both"

Hiding/showing a cell

It is possible to hide/show a cell with the help of its API. Both the hide and show methods take the id of a cell as a parameter.

// hiding a cell
// showing a cell

Checking visibility of a cell

Since the object of a cell has the hidden attribute, a cell can be hidden in a layout. You can check the visibilty of cell via the isVisible method. It returns true if a cell is visible and false if it is hidden.

layout.cell("1").isVisible(); // -> true|false
Back to top