html - 如何在 sencha touch 2 中向 tpl 或 html 中的元素添加事件

Question

我正在尝试将事件添加到 sencha touch 2.0 中的 html(property) 内的元素

items:[
    {
        html:'<div id="btn" style="height:30px;width:100%;background:green">hello <div/>'
    }
]

我在控制器中尝试了这些方法

config: {
    refs: {
        mybtn:'#btn',  ----> i tried (Ext.select('#btn'),Ext.getCmp('btn'),Ext.get('#btn')) 
    },
    control: {
        mybtn:{
            tap:'call'  
        },     
    } 
},

call:function(){
    alert("some thing");
}

这行不通。有没有办法做到这一点，或者至少如何在 tpl 和 html 属性中获取这些元素？

Answer 1

Sencha 控制器不连接 DOM 元素，它们仅适用于组件。您必须在 View Component 中侦听 DOM 元素事件，然后将您自己的事件分派给 Controller。

http://www.sencha.com/forum/showthread.php?251844-Controller-control-and-dom-element-listeners