Best approach to selecting components

Webix JS
1

I spent the past few weeks getting familiar with Webix and initializing components. Now I am starting to attach some functionality to them.

I searched around the examples but seem to have come up short.

For example, I have a number of resizers that I want to present to the end user so they can customize layout. I added some checkboxes that allows the end-user to turn off individual resizers. It appeared that using ‘relatedView’ and ‘relatedAction’ was the most efficient approach.

However, now I want to have a checkbox that shows/hides all resizers at one time. My initial instinct was to think in terms of some sort of jQuery like selector $(".class") but I don’t see anything in Webix that is similar. Can you tell me how you would approach a situation like this?

One thing to note, I do not have a html structure in place and do not initialize via the ‘container’ property. I realize I could use jQuery directly if I had but I liked the idea of Webix creating the structure. Maybe this was the wrong approach. Not sure.

Thanks

2

There is no exact equal of jQuery’s “$” operator. You can use webix.ui.each in a similar way.

http://webix.com/snippet/5e9c00cb

webix.ui.each(top_view, function(obj){
    //will be called for each view inside of the top_view
});
3

Excellent. Yes, I see how that works. Thanks.

4

So - yes - in 30 sec I have it working. That is great. I know you said you are focusing on documentation in the next round of updates. I would suggest you turn this into an article. I believe I may have seen it in some example somewhere but it went over my head. I would write the article something like “Approach to selecting components” or something.