addView

добавляет новую панель (cell) в dashboard или перемещает существующую

string|number addView(object view, [number index] );
viewobjectнастройки для компонента
indexnumberего порядковый номер среди всех компонентов лейаута
string|numberid компонента

Example

webix.ui({
    view:"dashboard", 
    id:"grid",
    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"
        }},
        // другие панели
    ]
});
 
$$("grid").addView({view:"panel",x:1, y:1, dx:1, dy:1, body:{template:"Column1"}});
 
// перемещает существующий дочерний компонент на заданный индекс 
$$("grid").addView($$("child"), 3);

Related samples

Details

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

У ячейки 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) задает для панели хедер
See also
Наверх