일반적으로 프레임워크가 지정된 클래스의 인스턴스를 확인하거나 생성할 수 없을 때 발생합니다

panel의 중간에 보이도록 처리Ext.create('Ext.panel.Panel', { title: 'Vertical Alignment Example', width: 400, height: 300, layout: { type: 'vbox', // Vertical box layout align: 'center', // Center items horizontally pack: 'center' // Center items vertically }, items: [ { xtype: 'component', html: 'This is vertically centered!' } ..

ASIS정의: function setTheme(themeName)호출: setTheme('theme-aria');Ext.define('Home.Application', { extend: 'Ext.app.Application', name: 'Home', // Load any required classes requires: [ 'Home.view.main.Main' ], // Application launch logic launch: function () { function setTheme(themeName) { const themePath = `/resources/classic/${themeName}/resources/${themeName}-all.c..

Link 사용시프로그램에서 강제로 변경할 경우theme를 변경하고, layout 전체를 다시 그려줘야 함index.htmltheme 관련 link가 없거나, href=""이어야지 layout이 안깨지고 정상 작동함 Application.js/** * The main application class. An instance of this class is created by app.js when it * calls Ext.application(). This is the ideal place to handle application launch and * initialization details. */Ext.define('Home.Application', { extend: 'Ext.app.Applicatio..

index.htmllink id값을 통해서 변경함 Application.jsdynamic-theme의 href 경로를 변경하여 동적 처리함/** * The main application class. An instance of this class is created by app.js when it * calls Ext.application(). This is the ideal place to handle application launch and * initialization details. */Ext.define('Home.Application', { extend: 'Ext.app.Application', name: 'Home', // Load any required classes r..

index.htmltheme 관련된 마지막 link가 theme에 적용됨: 아래는 theme-aria가 적용됨