2012-05-01 3 views
0

방금 ​​Sencha Architect를 사용하기 시작했으며, 가장 간단한 것조차도 문제가 있습니다. 버튼을 클릭하면 다음보기로 이동하려고합니다. 지금까지 가지고있는 코드는 버튼을 클릭 할 때 경고를합니다.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' 
        } 
       ] 
      } 
     ] 
    } 

}); 

새보기를 추가하려면 경고 대신 무엇을해야합니까?

답변

0

당신은 ID가 "sampleview"와보기를 열려면이 하나를 사용할 수 있습니다

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

나는이 작업을 얻을 수 없습니다. 내 컨테이너에 ID 'sampleview'를 주었지만 이벤트가 발생하면 아무 반응이 없습니다. 콘솔에서도 오류가 발생하지 않습니다. 내 프로젝트는 https://github.com/danielsvane/senchaviewtest입니다. 어쩌면 봐도 될까요? 감사. – danielsvane

+0

신경 쓰지 마세요, 당신 말이 맞았습니다. 나는 그것을 올바르게 사용하지 않고있었습니다. 이벤트에서 뷰를 만드는 것이 필요한 이유는 무엇입니까? 이전에 그것을 생성하고 'Ext.Viewport.setActiveItem (Ext.getCmp ('sampleview '));'를 사용하는 방법이 있습니까? – danielsvane

+0

코드를 확인했지만 위의 코드 중 한 줄만 사용했습니다. 다음과 같이 쓸 수 있습니다 : var sample = Ext.create ('App.view.SampleView'); Ext.Viewport.setActiveItem (샘플),' 대신 : 'Ext.Viewport.setActiveItem (Ext.getCmp ('sampleview'));'난 그냥 여러 생성을 방지하기 위해 위의 경우 조건을 썼다 보기의. – mostar