scrollview define()

Webix JS
#1

I have embedded the below scrollview inside of a layout:

{   
    id:"diagGroupScrollView",
    view:"scrollview",
    height:(window.screen.availHeight/3),
    scroll:"x",
    body:{  id:"scrollViewBodyID",
            cols:[
                {view:"list",select:true,multiselect:true,width:100,data:[{value:"Item 1"},{value:"Item 2"}]},
                {view:"list",select:true,multiselect:true,width:100,data:[{value:"Item 1"},{value:"Item 2"}]}
            ]
            
    }
}//end scroll view

how do I dynamically replace columns? I see there is a define() method but there is no way to refresh the changes.

#2

As the scrollview’s body is a regular layout, such task requires a dynamic layout rebuilding. Please check the following article: Dynamic UI Modifications of Guides, Configuring Components Webix Docs

The code can look as follows:

webix.ui({/* new view */}, $$('scrollViewBodyID'), $$('list_id'));