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..

https://obanadingyo.tistory.com/entry/4%EC%9D%BC%EC%B0%A8-Sencha-Touch-2-views-%EC%97%90-%EB%8C%80%ED%95%9C-%EC%9D%B4%ED%95%B4 4일차 : Sencha Touch 2 views 에 대한 이해! App 에서 View 를 사용해 보자!! 사용자가 실제로 보는 부분은 view 이다. 오늘은 app 에서 어떻게 view 를 만들고 그렇게 만들어진 View 를 통해 어떻게 application 을 build 하는 지를 설명하겠다. 지난 시 obanadingyo.tistory.com config를 사용하면, 자동으로 getter, setter가 생김(외부에서 getter, setter를 거치지 않고, 직접 핸들링도 안..

https://wikidocs.net/2964 3.1 어플리케이션 아키텍처 소개 Ext JS는 MVC와 MVVM 어플리케이션 아키텍처를 동시에 지원한다. 어플리케이션 코드를 논리적으로 분할 한다는 관점과 개념에서 생각하자면 이 두가지 아키텍처는 분명히 공유… wikidocs.net mainView를 변경하면 됨 # {app 이름}/app.js --------------------- Ext.application({ extend: 'genesis.Application', name: 'genesis', requires: [ // This will automatically load all classes in the genesis namespace // so that application classes do no..

참조 https://docs.sencha.com/extjs/7.7.0/ Docs | Ext JS 7.7.0 Ext JS - API documentation from Sencha docs.sencha.com App 파일 구조 제목 수정 # /classic/src/view/main/Main.js ----------------------- Ext.define('genesis.view.main.Main', { extend: 'Ext.tab.Panel', xtype: 'app-main', requires: [ 'Ext.plugin.Viewport', 'Ext.window.MessageBox', 'genesis.view.main.MainController', 'genesis.view.main.MainModel', ..