addView

добавляет новую ячейку или перемещает существующую

view	object	настройки для компонента
index	number	его порядковый номер среди всех компонентов лейаута

string|number

id компонента

Example

webix.ui({
    view:"gridlayout",
    id:"grid",
    gridColumns:4, gridRows:3,
    cells:[
        { id:"a", template:"Single", x:0, y:0, dx:1, dy:1 },
        { id:"b", template:"Wide 1", x:1, y:0, dx:2, dy:1 }
        // другие ячейки
    ]
});
 
$$("grid").addView({ template:"Column", x:1, y:1, dx:1, dy:1 });
 
// перемещает существующий дочерний компонент на заданный индекс
$$("grid").addView($$("child"), 3);

Related samples

Для этого компонента индекс, указанный в addView(), не будет иметь визуального эффекта, поскольку дочерние компоненты размещаются по абсолютным координатам. Однако, getChildViews() вернет дочерние компоненты в фактическом порядке.

У ячейки GridLayout могут быть следующие свойства:

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

Наверх