我有一个小 sencha touch 2.0 MVC 应用程序。通过 PhoneGap 打包。
我想要一个小消息框,如果触摸/点击它会让它做一些事情,让我们说几个简单的警报。
为了获得这个,我写了这个视图:
Ext.define('mytest.view.Windowmsg', {
extend: 'Ext.MessageBox',
alias: 'widget.windowmsg',
title: 'Clickable Message',
config: {
top:20,
html : 'Click Me!',
style:" text-align:center;background-color:#822222;color:yellow;position:absolute;bottom:20;left:0;right:0;width:80%;margin-left:10%;text-align:center;",
listeners: {
tap:function(){
alert ('Hello World!');
alert ('Hello Earth!');
}
},
modal:false,
hidden:false
}
});
在控制器中,我使用这行代码将消息框添加到我的面板:
....
var mylittlewindow = Ext.widget('windowmsg');
Ext.Viewport.add(mylittlewindow);
....
消息框已正确可视化,但我无法控制与其相关的点击事件,就像我认为我正在使用 Ext.MessageBox 中的“侦听器”配置所做的那样。
我的问题是:请问,控制该 MessageBox 上的点击事件的正确方法是什么?