Sencha Architectのボタンイベントの表示を表示

Question

Sencha Architectの使用を開始したばかりですが、最も簡単なものでも問題があります。ボタンをクリックすると、次のビューに移動しようとしています。私がこれまでに持っているコードは、ボタンがクリックされたときに警告を出します。

Ext.define('MyApp.view.Login', { 
    extend: 'Ext.Container', 

    config: { 
     layout: { 
      align: 'center', 
      type: 'vbox' 
     }, 
     items: [ 
      { 
       xtype: 'fieldset', 
       width: 500, 
       title: 'Login', 
       items: [ 
        { 
         xtype: 'selectfield', 
         label: 'Vælg bil', 
         store: 'cars' 
        }, 
        { 
         xtype: 'passwordfield', 
         label: 'Adgangskode' 
        }, 
        { 
         xtype: 'checkboxfield', 
         label: 'Husk mig' 
        }, 
        { 
         xtype: 'button', 
         handler: function(button, event) { 
          alert("foo"); 
         }, 
         text: 'Log ind' 
        } 
       ] 
      } 
     ] 
    } 

}); 

新しい表示を追加するには、アラートの代わりに何をすべきですか？

Answer 1

あなたは、ID「sampleview」との見解を開くために、このいずれかを使用できます。

if(Ext.getCmp('sampleview')) 
{ 
    Ext.Viewport.setActiveItem(Ext.getCmp('sampleview')); 
} 
else 
{ 
    var sample = Ext.create('App.view.SampleView'); 
    Ext.Viewport.setActiveItem(sample); 
}