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.Array.each(selection, function (node) { if(node.getData().id.startsWith('extModel')) { node.remove(); } if(node.hasChildNodes()) { Ext.Msg.alert('Warning', '하위 record가 있으면 삭제할 수 없습니다!'); return; }});const selecteRecords = selection.map(record => record.getData());

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