event it does not work after changing the view

[jamelboo]

hello
I have a simple view and I added a listener painted to change the style from the HTML data load with JSONP
for the first time the event works very well but after changing it to work anymore.
I change the view with this syntax

this.bioview = Ext.create('app.view.Bioar');
        
        Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);  
        Ext.Viewport.setActiveItem(this.bioview);

please help me I'm Blocked

[bricemason]

Where's the listener code? What is the context that this snippet is run in? Please post more code/details.

Brice

[jamelboo]

thank your reply
this code of listener
setting.js

html:['<div id="c1" class="chek">Hair</div><div id="c2" class="chek">Fashion</div><div id="c3" class="chek">Makeup</div><div id="c4" class="chek">Skin Care</div>'],			 listeners: {
                painted: function() {
          				
			
//this is what I want
			Ext.get('c1').setStyle('color','#B08D56');
			Ext.get('c1').setStyle('background-image','url(resources/images/case-coche.png)');
			}}

the listener works well at the beginning but when I change the view and this view has Comeback I it does not work(: |

[bricemason]

I have a couple of general opinions, first being that you should reconsider setting inline styles. Opting to add/remove css classes is almost always a better option. Second I would also reconsider sprinkling those ids in those divs. You have element and component query capabilities that will be able to find what you need for a variety of selectors. However since I'm still not entirely sure what your app looks like or what the intention of it is, here is a snippet containing my best assumption of your view:

Ext.define('app.view.Bioar', {
   extend: 'Ext.Component',
   xtype: 'bioar',


   config: {
      html: '<div id="c1" class="chek">Hair</div><div id="c2" class="chek">Fashion</div><div id="c3" class="chek">Makeup</div><div id="c4" class="chek">Skin Care</div>',
      listeners: {
         painted: function(el, opt) {
            el.down('#c1').setStyle({
               color: '#B08D56',
               backgroundImage: 'url(resources/images/case-coche.png)'
            });
         }
      }
   }
});

I used the code that you posted but modified it to have the element query be contextual and just search down the tree for the element you were after.

I would need a better idea of when/how your views are switching to understand what the problem with the code is. Are you using a controller? What's that look like? Post more code if you can.

Brice