Question

我有一个小的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上的点击事件的正确方法是什么？

Answer 1

来自Sencha Touch API

// Basic alert:
Ext.Msg.alert('Title', 'The quick brown fox jumped over the lazy dog.', Ext.emptyFn);

// Prompt for user data and process the result using a callback:
Ext.Msg.prompt('Name', 'Please enter your name:', function(text) {
    // process text value and close...
});

// Confirmation alert
Ext.Msg.confirm("Confirmation", "Are you sure you want to do that?", Ext.emptyFn);

如果要在点击警报的“确定”按钮时执行某些代码，则需要配置警报的回调功能

Sencha Touch 2.0和MessageBox：听众

1 个答案: