Ext.Msg.alert('Success', '메세지');

# tree 소스 Ext.define('Home.view.menu.LeftMenu', { extend: 'Ext.tree.Panel', // alias 정의 없이 다른 곳에서 'leftmenu'로 찾으면 아래와 같은 에러 발생 // Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.leftmenu alias: 'widget.leftmenu', controller: 'leftmenu', width: 200, title: '메뉴', // root 보이지 않도록 설정 rootVisible: false, // name 필드를 출력되도록 설정 displayField: 'name', store: { // type은 아직 모르겠음 type: '..

name으로 참조 # 참조할 리소스에 name 적용 Ext.define('Home.view.main.Main', { extend: 'Ext.container.Container', xtype: 'main', requires: [ ], title: 'Home', layout: 'border', items: [{ region: 'north', height: 50, bodyStyle: 'background-color:black', html: ' Home' }, { region: 'west', width: 200, xtype: 'leftmenu', }, { region: 'center', xtype: 'tabpanel', // 다른 곳에서 참조할 리소스에 name 정의 name: 'content', items: ..

Ext.Boot.baseUrl 현재 자신의 URL 정보 가져오기 스크립트 변수 사용해서 객체 생성 let title = 'abc'; let panel = Ext.create(url, { // 자바스크립트 변수를 title에 적용 title: title, autoShow: true, autoDestory: true }); content.add(panel); content.getLayout().setActiveItem(panel); 객체 자동 보이기, 자동 삭제 설정 let panel = Ext.create(url, { title: 'abc', autoShow: true, autoDestory: true });

WAI-ARIA compatibility warnings can be suppressed by adding the following to application startup code: # 소스 Ext.define('Home.view.main.Main', { extend: 'Ext.container.Container', xtype: 'main', requires: [ ], title: 'Home', layout: 'border', items: [{ region: 'north', height: 50, bodyStyle: 'background-color:black', html: ' Home' }] }); 첫번째 item이 xtype이 지정이 안되어 있기 때문에 'panel'이 적용됨 panel에 'title'..

Ext.tab.Panel: tab 좌측 표시 Ext.define('Home.view.main.Main', { extend: 'Ext.panel.Panel', xtype: 'app-main', requires: [ ], title: 'Home', // tabBar가 화면 하단까지 쭉 그려지기 위해서 필요 // tabpanel의 flex와 연계됨 layout: { type: 'vbox', }, items: [{ xtype: 'tabpanel', // layout과 연계됨 flex: 1, // tabBar가 왼쪽으로 출렬되게 함 tabPosition: 'left', // tabPosition가 'left'일때, default만 아니면 됨 // default, left, none, right tabRotatio..