Hi
i have a webix code like this
webix.ui({
view:"window",
id:"moviewin",
height:300,
width:700,
modal:true,
position:"center",
head:"Movie data",
hidden: false,
body:{
view:"form",id:"movieform",width:600, scroll: true,
elements:[{
view: "layout",
cols:[
{
view:"combo",
id:"moviedata",
label:"Fields",
options:[
{id:"movie",value:"Movie Name",type:"string"},
{ id:"movieplace", value:"Movie Place", type:"string"},
{ id:"year", alue:"year", type:"string" },
],
},
{
view:"text",
label:"Value"
},
]
},
{
cols:[
{view:"button",
label:"Movie Data",
click:function(){
}},
{view:"button",
label:"Reset",
click:function(){
}},
{view:"button",
label:"Cancel",
click:function(){
}},
{view:"button",
label:"Add",
click:function(){
$$("movieform").addView({
view: "layout",
cols:[
{
view:"combo",
id:"moviedata",
label:"Fields",
options:[
{id:"movie",value:"Movie Name",type:"string"},
{ id:"movieplace", value:"Movie Place", type:"string"},
{ id:"year", alue:"year", type:"string" },
],
},
{
view:"text",
label:"Value"
},
{view:"icon", icon:"wxi-trash",click:function(){
let toRemove = this.getParentView();
this.getParentView().getParentView().removeView(toRemove)
}},
]},1);
}},
]
}
],
}
});
Initially we have a combo and textbox.
When we click on the add button a combo and textbox are getting added.
But when i click on the second time the add button the combo and textbox are getting added before to the previous combo and textbox
I want to add the combo and text box after . How can i do that?
=============Click one ============
combo and textbox
combo1 and textbox1
===========click two===============
combo and textbox
combo2 and textbox2
combo1 and textbox1
***Expected Output
=========Click one ==============
combo and textbox
combo1 and textbox1
===========click two===============
combo and textbox
combo1 and textbox1
combo2 and textbox2
===========click three===============
combo and textbox
combo1 and textbox1
combo2 and textbox2
combo3 and textbox3