x, y, width, height가 없어도 에러 나지 않도록 함const data = { rectData: { x: 10, y: 20 }};// Using ?. to safely access propertiesconst x = data.rectData?.x; // 10const y = data.rectData?.y; // 20const width = data.rectData?.width; // undefinedconst height = data.rectData?.height; // undefinedconsole.log(x, y, width, height);x, y, width, hegith의 디폴트값 지정const data = { ..

test 컬럼이 체크된 row만 가져오기var treePanel = this.up('treepanel'); // Get the tree panelvar checkedRows = [];treePanel.getStore().each(function (record) { if (record.get('test')) { // Check if the 'test' column is checked checkedRows.push(record); // Add the record to the array }});// Now 'checkedRows' contains all the checked rows.console.log(checkedRows);

getNodes() 사용var tree = Ext.getCmp('treePanelId'); // Replace with your TreePanel IDvar view = tree.getView();var rows = view.getNodes(); // Get all rendered rows (DOM elements)console.log(rows);

getRootNode() 사용var tree = Ext.getCmp('treePanelId'); // Replace with your TreePanel IDvar store = tree.getStore();var allNodes = [];store.getRootNode().cascadeBy(function(node) { allNodes.push(node);});// Output all nodesconsole.log(allNodes);

Ext.fly().toggle.Cls 사용{ xtype: 'checkcolumn', dataIndex: 'check', width: 50, listeners: { checkchange: function (column, rowIndex, checked, record) { record.commit(); // Commit changes to reflect visually // Apply a CSS class to visually indicate deletion const view = column.up('treepanel').getView(); const rowNode = view.ge..

flagDeleted로 값이 설정되면, 삭제표시 viewConfig: { getRowClass: function (record) { // Apply a CSS class to flagged rows return record.get('flagDeleted') ? 'deleted-row' : ''; } },