/index.html/bootstrap.js/classic.json: {app}에 종속적임/build/development/{app}/classic/resources/{app}-all_1.css/build/development/{app}/classic/resources/{app}-all_2.css/ext/**/app.js/app/Application.js: 이후부터는 sencha build에 의해서 결정됨: /build 디렉토리 아래의 내용을 참조하여 이후의 내용이 호출됨/app/model/Base.js/app/model/Personnel.js/app/store/Personnel.js/classic/src/view/main/List.js/classic/src/view/main/Main.js/app/vie..

컴포넌트를 수평으로 나열하기hbox 사용 { region: 'north', height: 50, layout: 'hbox', items: [ { width: 200, bodyStyle: 'background-color:black', html: '  Home' }, { bodyStyle: 'background-color:black', html: '  Home' }, ] },화면을 반응형으로 구성flex 사용 { region: 'north', height: 50, layout: 'h..

처음 로딩되는 파일(index.html)에 원하는 변수 선언 var Ext = Ext || { aaa: { name: 'aklsfd' } }; // Ext namespace won't be defined yet... var leftWidth = 200; 생략다른 컴포넌트에서 사용Ext.define('Test.view.main.Main', { extend: 'Ext.container.Container', xtype: 'main', requires: [ ], title: 'Test', layout: 'border', items: [ { region: 'north', ..

파일 인식을 위해서 Main의 requires에 해당 컴포넌트 전체 이름을 기술'Test.view.main.Menu'의 실제 파일은 '/app/view/main' 아래에 있어야 함(파일명은 상관없음)Ext.define('Test.view.main.Main', { extend: 'Ext.container.Container', xtype: 'main', requires: [ # 커스텀 컴포넌트 전체 이름 기술: 없으면 404에러 발생 'Test.view.main.Menu', ], items: [ { region: 'west', width: 200, # requires에 기술이 없으면, leftmenu.js를..

{ xtype: 'form', title: 'Login', frame: true, bodyPadding: 5, width: 250, // 전송할 url 정보 설정 url: '/login', // defaultType 설정 defaultType: 'textfield', items: [ { fieldLabel: 'ID', name: 'username', allowBlank: false, labelWidth: 40, emptyText: 'User ID', }, { fieldLabel: 'PW', name: 'password', allowBlank: false, labelWidth: 40, emptyText: 'Password', inputType: 'password..

form.submit({ params: { '_csrf': document.getElementById('_csrf').innerText }, success: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); }});