파일 인식을 위해서 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); }});

index.html 파일에 import하면 됨util.jsfunction test() { alert();}호출{ text: 'Login', handler: function() { test(); }}

화면에 아무것도 안나오면, 오타 또는 ',' 누락임잘 살펴야 함# Ext.create 필요없음# renderTo: Ext.getBody() 필요없음Ext.define('Home.view.main.Main', {extend: 'Ext.form.Panel', title: 'Hello', width: 200, html: 'World!',});

{ext 설치 위치}/build/classic/theme-*/resources{ext 설치 위치}/build/modern/ theme-*/resources