Javascript/Sencha(164)
-
Sencha main화면에서 Application.js의 함수를 호출하나?
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..
2024.12.15 -
Sencha theme 화면 layout 깨지는 문제 해결
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..
2024.12.15 -
Sencha theme 동적 적용
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..
2024.12.15 -
Sencha theme 적용 순서
index.htmltheme 관련된 마지막 link가 theme에 적용됨: 아래는 theme-aria가 적용됨
2024.12.15 -
Sencha index.html 간단하게 만들기
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..
2024.12.15 -
Sencha charts 패키지 사용하기
생성한 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 ..
2024.12.14