hi,
i have a layout code like below
webix.ui({
view:"form",
id:"log_form",
width:300,
elements:[
{
view: 'layout',id:"d1",
cols: [
{ view:"text", label:"Email", name:"email"},
{ view:"text", type:"password", label:"Password", name:"password"},
{view:"icon", icon:"wxi-trash",click:function(){
webix.message("Hello")
}},
]
},
{ margin:5, cols:[
{ view:"button", value:"Login" , css:"webix_primary"},
{ view:"button", value:"Cancel"}
]}
]
});
When the user clicks on the trash icon the row should be deleted,Similarly we should have an add button when the user clicks on the add row should be added.
How can i achieve this?