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

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

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