Question

在App.js文件的launch（）函数中，我有以下代码：

launch: function() {
    // Destroy the #appLoadingIndicator element
    Ext.fly('appLoadingIndicator').destroy();

    // Initialize the main view
    Ext.Viewport.add(Ext.create('SenchaApp.view.Main'));
},

在View.js文件中，我有这段代码：

var button = Ext.create('Ext.Button', { text: 'Click me',
                                        handler: function() {
                                              alert('You clicked the button!')
                                      }}
                        );


Ext.define("SenchaApp.view.Main", {
         extend: 'Ext.Panel',
         config: { items: [button]}
});

问题是按钮的事件永远不会触发，因此该按钮不起作用。

是什么原因？

Answer 1

也许它确实有效，但你没有得到警报：）

试试这个：

var button = Ext.create('Ext.Button', { text: 'Click me',
    handler: function() {
        console.log('You clicked the button!')
        Ext.Msg.alert('hey', 'You clicked the button!');
    }}
);

Answer 2

您可以这样使用：

var button = Ext.create('Ext.Button', {
    text: 'Button',
    handler : function(){alert("You clicked the button!");}
});
Ext.Viewport.add({ xtype: 'container', padding: 10, items: [button] });

OR

Ext.create('Ext.Container', {
    items: {
        xtype: 'button',
        text: 'My Button',
        handler : function(){Ext.Msg.alert('Msg','You clicked the button!');}
    }
});

希望它能帮到你!!!

Sencha Touch 2中的按钮不起作用

2 个答案: