이 ext.js의 "위해 xtype : '앱의 주요'"무엇 ext.js에

Question

신참 :이 무엇인지 이해하려고 노력 오전 :

xtype: 'app-main' 

내 자동 코드 생성에 의미합니다. 사용할 수있는 설명서가 없습니다. 나는 이것이 별칭에 대한 참조이므로, 찾을 수는 없다고 생각합니다.

xtype을 가진 여러 개의 파일을 자동 생성 한 sencha cmd (latest may 2014 - ext.js 4.2.2)를 사용했습니다. '앱의 주요'그들 ...

Main.js

Ext.define('test12.view.Main', { 
    extend: 'Ext.container.Container', 
    requires:[ 
     'Ext.tab.Panel', 
     'Ext.layout.container.Border' 
    ], 

    xtype: 'app-main', <<<<------- 

    layout: { 
     type: 'border' 
    }, 

    items: [{ 
     region: 'west', 
     xtype: 'panel', 
     title: 'west', 
     width: 150 
    },{ 
     region: 'center', 
     xtype: 'tabpanel', 
     items:[{ 
      title: 'Center Tab 1' 
     }] 
    }] 
}); 

viewport.js

Ext.define('test12.view.Viewport', { 
    extend: 'Ext.container.Viewport', 
    requires:[ 
     'Ext.layout.container.Fit', 
     'test12.view.Main' 
    ], 

    layout: { 
     type: 'fit' 
    }, 

    items: [{ 
     xtype: 'app-main' 
    }] 
}); 

Answer 1

위해 xtype 당신이 더 쉽게

예 정의하는 클래스가 인스턴스화 할 수 설정입니다 :

Ext.define('Myapp.view.MyCoolPanel',{ 
    extend : 'Ext.panel.Panel', 
    xtype : 'coolpanel', 
    //some cool configs ... 

}); 
//somewhere else 
Ext.create('Ext.window.Window',{ 
    //regular configs 

    items: [ 
    { 
     xtype: 'coolpanel' 

    } 
] 
}).show(); 

볼 http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.panel.Panel-cfg-xtype

안부

그래서

Answer 2

을, 그것은 보인다 xtype : ... Ext.defing (...) 내부 { 은 xtype에 새로운 뷰를 설정합니다.이 경우 app-m입니다. 아인.

의미가 있습니다.)