Кнопка в Сенча Touch 2 не работает

Question

В функции запуска() из App.js файла У меня есть этот код:

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] }); 

ИЛИ

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

Надеюсь, это поможет вам! !