如何在 Sencha Touch 2 中向 TPL 或 HTML 中的元素添加事件

Question

我正在尝试将事件添加到 sencha touch 2.0 中的 html（属性） 中的元素中

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 元素，它们只适用于组件。您必须侦听视图组件中的 DOM 元素事件，然后将您自己的事件调度到控制器。

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