isolate

masks IDs of all inner elements

boolean isolate;

Example

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" }
     ]}
   ]
});

Details

This property allows reusing the same IDs. For example, in the 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.

Due to the isolate property two elements with the same ID can exist and can be addressed in the following way:

// will not work
var list = $$("mylist"); // will return second list
 
// will work
var list1 = $$("col1").$$("mylist");
var list2 = $$("col2").$$("mylist");

We do not recommend using this technique during development of complex business apps. Consider Webix Jet instead.

See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix web ui framework and page of javascript drag and drop library product.