sencha(124)
-
Sencha Ext.window.Window 팝업 띄우기
부모창의 chart 정보를 그대로 뿌려주기function showChartInPopup(chart) { // Clone the initial configuration of the chart const chartConfig = Ext.clone(chart.initialConfig); // Ensure the series configuration is correctly cloned const seriesOrigin = [].concat(chart.getSeries()); // Wrap in an array if not already const seriesClone = seriesOrigin.map(series => Ext.clone(series.getInitialConfig()))..
2024.12.13 -
Sencha 패키지 추가 방법
참조: https://docs.sencha.com/extjs/7.8.0/guides/getting_started/getting_started_addons/getting_started_with_cmd.html Using Ext JS add-ons with Cmd | Ext JS 7.8.0Ext JS Modern - API documentation from Senchadocs.sencha.comcharts 패키지 소스 가져오기cd {workspace}sencha generate package chartscharts 패키지 생성 실행cd {workspace}/packages/local/chartssencha package buildext 아래에 생성cd {workspace}/ext/packages/charts..
2024.12.08 -
Sencha 처음 설정
참고: https://docs.sencha.com/extjs/7.8.0/guides/getting_started/getting_started_with_zip.html?_gl=1*mmb310*_gcl_au*MjAzOTQyNjYxMC4xNzMyOTMxNTA4 Getting Started with zip | Ext JS 7.8.0Ext JS - API documentation from Senchadocs.sencha.comApp 생성sencha generate app --ext MyApp ./MyAppUnable to locate 'framework.dir' property from sencha.cfg and no framework directory specifiedsencha -sdk {ext 위치} gen..
2024.12.08 -
Sencha 이미지 원본 사이즈로 보여주기
load 이벤트에서는 layout이 처음에 refresh되지 않기 때문에 afterrender를 사용하여 onload()를 발생시킴{ xtype: 'image', //flex: 3, src: '/resources/image/floor_plan.png', alt: '도면', margin: '0 10 0 0', listeners: { afterrender: function(image) { const domImage = image.getEl().dom; domImage.onload = function() { const naturalWidth = domImage.naturalWidth; const naturalHeight = domImage.naturalHeight; image.s..
2024.12.08 -
Sencha checkcolumn 체크 및 이벤트
text:''가 있어서 header의 라인이 2줄로 안보임Ext.application({ name: 'CheckboxHeaderGrid', launch: function () { Ext.create('Ext.grid.Panel', { renderTo: Ext.getBody(), width: 600, height: 400, title: 'Checkbox Header Grid Example', store: { fields: ['name', 'email', 'phone'], data: [ { name: ..
2024.12.08 -
Sencha treepanel drag&drop 적용
Ext.application({ name: 'TreeMultiplePluginsApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'treepanel', title: 'TreePanel with Multiple Plugins', rootVisible: false, store: Ext.create('Ext.data.TreeStore', { ..
2024.12.05