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가 적용됨

index.html: app.js를 호출 app.jsApplication.js를 호출mainView 지정Ext.application({ extend: 'Home.Application', name: 'Home', requires: [ // This will automatically load all classes in the Home namespace // so that application classes do not need to require each other. 'Home.*' ], // The name of the initial view to create. mainView: 'Home.view.main.Main'});Applicat..

생성한 charts 패키지를 붙여넣기index.htmlTest.jsExt.onReady(function () { var drawContainer = Ext.create('Ext.draw.Container', { renderTo: Ext.getBody(), // Render to the body of the HTML width: 200, // Width of the container height: 200, // Height of the container sprites: [ { type: 'circle', // Circle sprite type ..

layout: 'hbox'로 수평으로 grid 집어 넣기flex: 1로 width를 꽉꽉 채우기height: '100%'로 height를 꽉꽉 채우기Ext.application({ name: 'FullScreenGrids', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'hbox', // Horizontal layout for grids items: [ { xtype: 'grid', title: 'Grid 1', flex: 1, // Gr..

Grid 변경 플래그 제거하기grid.getStore().each(record => { record.commit(); // Resets the dirty state});