Hi,
I have the below webix code.
webix.ui({
view:“window”,
id:“moviedata”,
height:700,
width:1000,
modal:true,
resize: true,
position:“center”,
head:“Movie Data”,
position: “center”,
hidden: true,
head: {
view: “toolbar”,
elements: [
{view: “label”, label: “Movie Data”},
]
},
body: {
view: "form",
scroll:true,
elements: [
{
view: "datatable",columnWidth:5000,
resizeColumn: {headerOnly:true},
autoConfig:true ,
id:"movie",
autoheight: false,
autowidth: false,
scroll:true,
dragColumn:true,
resizeColumn:true,
select:true,
headermenu:true,
spans: true,
rowHeight: 24,
rowLineHeight: 24,
subRowHeight: 24,
columnWidth: 100,
columns:[
{id:"movieName", header:["movieName", {content:"textFilter"}], sort:"string",adjust: "true"}, // cssFormat:missingval},
{id:"movieAudience", header:["movieAudience", {content:"textFilter"} ], sort:"string", adjust: "true"}, // adjust: "true", cssFormat:missingval},
],
on:{
onAfterLoad:function(){
this.sort("movieName", "asc");
this.markSorting("movieAudience", "asc");
}
},
},
{
type: "button",
cols: [
{},
{view: "button", label: "Export", width: 80, click: "window.webix.toExcel($$('movie'), {filename: 'moviedatafile'});"},
{view: "button", label: "Cancel", width: 80, click: "$$('moviedata').hide();"}
]
}
],
}
I wanted to add a separate tab called Upcoming movies to the window.
How can i add that?