Extjs 4.0 MVC - 컨트롤러 내에서보기를 닫는 방법?

Question

여기 '보기'인 모달 창과 함께 간단한 예제가 있습니다. 창을 닫는 창 안에 버튼이 있기를 원하기 때문에 게으른 사용자는 오른쪽 상단의 'X'를 클릭 할 필요가 없습니다.

내 문제는 컨트롤러 내에서 뷰를 참조하는 방법을 모르겠다는 것입니다. MVC가 아닌 세계에서는 버튼 처리기에서 'window.close()'를 수행합니다. 어떤 아이디어? 감사!

보기

Ext.define('AM.view.testwindow.window', { 
    extend: 'Ext.window.Window', 
    alias: 'widget.TESTwindow', 
    title: 'TEST Window', 
    layout: 'border', 
    width: 1000, height: 400, 
    minimizable: true, 
    maximizable: true, 
    closeAction: 'destroy', 
    initComponent: function() { 
     this.items = [ 

     {xtype: 'gridpanel', region: 'center', // grid in the window 
     store: 'Equipments', 
     columns: [ 
      { text: 'Equip ID', dataIndex: 'EquipmentID' } 
      , { text: 'StationID',  dataIndex: 'StationID' } 
     ], 

     dockedItems: [{ 
      xtype: 'toolbar',   // Grid's toolbar 
      items: [ 
      { 
        xtype: 'button',    /* Close button to close the window */ 
        text: 'Close Window', 
        itemId: 'btnTestClose' 
       } 
      ] 
     } 
     ] 
    } 
    ]; 
    this.callParent(arguments); 
} 
}); 

컨트롤러 버튼 핸들러 내에서 '이'의

Ext.define('AM.controller.testwindow', { 
    extend: 'Ext.app.Controller', 
    stores: ['Equipments', 'Stations'], 
    models: ['Equipment'], 
    views: ['testwindow.window', 'testwindow.Grid'], 
    refs: [ 
    {  ref: 'TESTgrid',  selector: 'TESTgrid' }, 
     { ref: 'testwindow', selector: 'testwindow' } 
    ], 

    init: function() { 

     this.control(
     { 
      '#btnTestClose': { 
       click: function (butt, e, options) { 
        alert('close handler!'); 
        this.getTestwindowWindowView().close(); // this fails. What should I do? ComponentQuery ? 
       } 
      } 

     } 
     ) 
    } 
} 
); 

범위

Answer 1

this.getTestwindow().close(); 

:

refs: [ 
    { ref: 'TESTgrid',  selector: 'TESTgrid' }, 
    { ref: 'TESTwindow', selector: 'testwindow' } 
], 

이 당신에게 당신이 필요로하는 자동 생성 된 게터을 줄 것이다 :합니다 (widget 부분 제외) 별칭 TESTwindow, 아니면 긴 이름 testwindow.window 일치해야합니다 검사 창에당신의 ref 게터는 get과 대문자 첫 글자가있는 참조 선택기로 구성됩니다.

Answer 2

refs: [ 
    { ref: 'TESTgrid',  selector: 'TESTgrid' }, 
    { ref: 'win', selector: 'testwindow' } 
], 

Try this 

this.getWin().close(); 


ready ok