GridExt.create('Ext.grid.Panel', { store: Ext.create('Ext.data.Store', { storeId: 'myStore', fields: ['name', 'email'] }), columns: [...], renderTo: Ext.getBody()});Javascriptconst store = Ext.data.StoreManager.lookup('myStore');const grid = Ext.ComponentQuery.query('grid').find(cmp => cmp.getStore() === store);console.log(grid);

store의 fields에서 디폴트값을 설정해주면 됨columns에는 설정해도 작동안함(store를 써야 하는 이유)const store = Ext.create('Ext.data.Store', { fields: [ { name: 'selected', defaultValue: false }, 'id', 'name' ], data: []});

viewConfig를 통해서 설정함trackOver: false, // Disable row hover effects enableTextSelection: true // Allow text selection in grid cellsExt.create('Ext.grid.Panel', { title: 'Example Grid', store: { fields: ['name', 'email', 'phone'], data: [ { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, { name: 'Bart', email: 'bart@simpsons.com', phone: ..

CSS 추가/* Hide filter dropdown in grid header for columns with 'hide-filter-trigger' class */.hide-filter-trigger .x-column-header-trigger { display: none !important;}이벤트 추가 listeners: { afterrender: function (grid) { // Define columns for which the filter dropdown should be hidden const columnsToHideFilter = ['test', 'temp']; // Hide the filter dropdown for specific co..

const store = this.up('grid').getStore();const selection = store.getRange().filter(record => record.get('selected') === true);const data = selection.map(record => record.getData());console.log(data);

const grid = this.up('grid');const selection = grid.getSelectionModel().getSelection();const data = selection.map(record => record.getData());console.log(data);