Hi,
There is a scenario like two tabs “info and comments”.In this, I am unable to disable the comments tab (or) make it as unclickable…Even with the id I was uanable to disable it…Please find the below snippet.
var cells =[
{
header:"INFO",
body:{
rows: [ {
css:"tab-view",
view:"form",
id:"ItemView",
height: $("#midPanel").height()-120,
paddingX:35,
paddingY:15,
scroll: true,
elements: [{ rows: rows }],
},
{ view:"form", scroll:false, css:"itemview-footer",
cols:[
{ view:"button", value:"Cancel", id:"cancel", width:100, css:"cancel", hotkey:
"esc"},
{ view:"button", value:"Save", id:"Save", css:"save", hotkey: "enter" }]
}
] } },
{ header:"<span class='webix_icon fa-comment'></span> COMMENTS",
tabMinWidth:150,
id:"commentsTab",
disabled:true,
body: {
rows: [{
css:"tab-view",
view:"list",
id:"comments",
height: $("#midPanel").height()-130,
paddingX:35,
paddingY:15,
scroll: true,}]
}}];
webix.ui({
id:"editItem",
css:"editContainer",
container:"dataGridView",
cols:[{
rows:[
{ type:"header" },
{ view:"tabview", id:"tab", autoheight:true, css:"webix_tab",
cells:webix.copy(cells) }
]
}]
});//$$("comments").disable();
//$$("commentsTab").disable();
Please help me…