Query for an element in a template

[aldoreyes]

Hi peeps,

Does anyone know how to get an element in a tpl item from a controller, i.e. if I have in a Panel

config:{
   tpl:['<div class="container">',
            '<div' id="button-div"></div>',
    '</div>'
]
}

And then in a controller I have

control:{
    'panel #button-div':{
      tap:'handleTap'
   }
}

The controller doesn't find anything, I have also used this.myPanel().query('#button-div') to confirm this.

Is this even possible or should I be doing it in a different way? Thanks for your time.

[darren102]

In the control you could use the delegate option

control:{
    'panel': {
        tap:'panelTap',
        delegate:'div#myButton'
    }
}

Something like this should work for you although normally in the panel i would put it on the element which might mean you have to put

   tap:'panelTap',
   element:element,
   delegate....

[aldoreyes]

Hi,

I tried that but Im not sure its working, its still not triggering the events on the controller. Following sencha touch guidelines is this the correct way to handle events in the controller? or should I forget about it and put all the stuff in the view.

I should mention something else, Im using a navigation view, so the view that contains the button is not there since the beginning I push that view when the user clicks on an item on a list.

So the detail view that I push is the one that has the div that I want to listen.

[aldoreyes]

I found another thing, and someone might confirm this,

I have my doubts about how the control stuff works, does that listen for events on all the views that are currently in the viewport?

If I add a view after some event, does the control stuff reapply to the new view on the viewport? or is there a function that I should call to refresh the references there, cause when I use this from a controller function:

this.getMyPanel().on({
            tap:this.handleTap,
            scope:this,
            element:'element',
            delegate:'#voteDown'
        });

It kind of works... this is an ugly solution cause I have to add the events every time Im adding a view. And when I pop the view I get an error on the bind function... going crazy with this thing...