Extjs Core cuestion

[sosamv]

Hi! I need to add the click event for each element of the CompositeElement and toggle its own class.

arr = Ext.select('.cMenuParentCollapsed'); 

arr.each(function(){ 
      this.on("click",function(e,t){ 
              this.toggleClass("cMenuParentExpanded"); 
      }); 
 });

when i do this, i can click on any item but it will only toggle the last item :S
What i'm i doing wrong?

Thanx!

[sosamv]

Got it working :S

arr = Ext.select('.cMenuParentCollapsed');

arr.each(function(){
    this.on("click",function(evnt,html){
       Ext.get(html).toggleClass("cMenuParentExpanded");
    });
});

Is this the best way to do it?

[letssurf]

It might also be a good idea to use one click handler and use the delegate option.

Something like.

var handler = function(evnt, html){
  Ext.get(html).toggleClass("cMenuParentExpanded");
};
Ext.getBody().on('click', handler, scope, {delegate: '.cMenuParentCollapsed'})

[sosamv]

Didnt know about that!, thanx!