Model에 정의하기Ext.define('MyApp.model.MyModel', { extend: 'Ext.data.Model', fields: [ { name: 'name', type: 'string' }, { name: 'age', type: 'int', defaultValue: 25 }, // Default value { name: 'city', type: 'string', defaultValue: 'Unknown' } // Default value ]});Model 이벤트에 적용하기const store = Ext.create('Ext.data.Store', { fields: ['name', 'age', 'city'], data: [ ..

afterrender 이벤트 사용Ext.create('Ext.form.ComboBox', { fieldLabel: 'Select Item', queryMode: 'local', displayField: 'name', valueField: 'id', renderTo: Ext.getBody(), store: { fields: ['id', 'name'] // Define fields for the store }, listeners: { afterrender: function(combo) { // Trigger when ComboBox is rendered Ext.Ajax.request({ url:..

delete를 통해서 상태를 원래대로 돌리고, refresh()를 통해서 화면을 업데이트 함checkchange: function (column, rowIndex, checked, record) { const view = column.up('treepanel').getView(); delete record.modified['check']; // Clear modified state for 'check' // Optional: Refresh the grid view view.refresh();}

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);