masks IDs of all inner element
webix.ui({
isolate:true,
cols:[
{ view:"button", value:"Load" },
{ view:"button", value:"Save" },
{ view:"button", value:"Delete" }
]
});
This property allows to reuse the same IDs
For example you can use something like this
webix.ui({
cols:[
{ id:"col1", isolate:true, rows:[
{ view:"list", id:"mylist" },
{ template:"Details", id:"details" }
]},
{ id:"col2", isolate:true, rows:[
{view:"list", id:"mylist" },
{ template:"Details", id:"details" }
]}
]
});
In above code snippet there are two blocks which are using the same IDs, so there is no way to access the list by its ID directly. Because of isolate property - two elements with the same ID can exists , and can be located in the next way
//will not work
var list = $$("mylist"); // will return second list
//will work
var list1 = $$("col1").$$("mylist");
var list2 = $$("col2").$$("mylist");
Back to top