addView

adds a new view to a layout-like widget or moves an existing one

view	object	the configuration of the view
index	number	the index a new view will be added at or an existing one will be moved to

string|number

the id of the view

Example

webix.ui({
    id:"mylayout",
    rows:[...]
});
// adds a template as a third cell to some existing layout
$$("mylayout").addView({ template:"New one" }, 2);
 
// moves an existing child view to a different index 
$$("mylayout").addView($$("child"), 3);

Related samples

Passing an index as a second parameter will have full effect for layout rows and cols, accordion and carousel panels, toolbar and form controls. Some other widgets (e.g. multiview or containers with absolute positioning for child views) won't display changes in view order. Still, the real order (returned by getChildViews()) will always change accordingly.

Back to top