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..

getPath()를 통해서 원하는 depth를 설정하고, expand() 처리를 함success: function (response) { const data = Ext.decode(response.responseText); const treeData = buildTree(data); store.setRoot({ id: 0, expanded: true, children: treeData }); const rootNode = store.getRootNode(); const treeGrid = Ext.ComponentQuery.query('#location')[0]; treeGrid.getSelectionModel().select(rootNode); //treeGrid.expandAll(); rootNo..

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: ..

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', { ..

Ext.application({ name: 'ImageApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'panel', title: 'Image Display', html: '' } ] }); }});{ text: '순서', dataIndex: 'index', flex: 1, editor: { xtyp..

Case1Ext.application({ name: 'ImageSizeApp', launch: function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'image', src: 'https://via.placeholder.com/150', // Replace with your image URL alt: 'Example Image', listeners: { ..