cells

задает панели (ячейки) для дашборда

Example

webix.ui({
    view:"dashboard",
    gridColumns:4, gridRows:3,
    cells:[
        { view:"panel", x:0, y:0, dx:1, dy:1, body:{template:"Single"}},
        { view:"panel", x:1, y:0, dx:2, dy:1, body:{template:"Wide 1"}},
        { view:"panel", x:0, y:1, dx:2, dy:1, body:{template:"Wide 2"}}
        // другие ячейки
    ]
});

Related samples

У ячейки Dashboard есть те же параметры, что и у ячейки GridLayout:

• x - (number) х-координата верхнего левого угла ячейки
• y - (number) y-координата верхнего левого угла ячейки
• dx - (number) относительная ширина ячейки (измеряется в частях от всей ширины дашборда, может быть от 1 до gridColumns)
• dy - (number) относительная высота ячейки (измеряется в частях от всей высоты дашборда, может быть от 1 до gridRows)

Есть также и специфические для Dashboard параметры:

• body - (object) место для любого компонента Webix, который вы хотите поместить в панель
• icon - (string,boolean) задает иконку для панели (по умолчанию "wxi-drag")
• resize - (boolean) дает возможность менять размеры панели на лету, false по умолчанию
• header - (string) задает для панели хедер

Наверх