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' : ''; } },

{ xtype: 'button', text: 'Click Me', handler: function () { Ext.Msg.alert('Button Clicked', 'You clicked the button!'); }}

{ xtype: 'container', layout: { type: 'hbox', // Horizontal layout pack: 'end', // Aligns child items to the right }, items: [ { xtype: 'button', text: 'Button 1' }, { xtype: 'button', text: 'Button 2' }, ],}

분리할 대상List> data = (List>)reqModel.get("data");key에 'flagDeleted'가 있는 데이터 분리List> flaggedRows = data.stream() .filter(row -> row.containsKey("flagDeleted")) .collect(Collectors.toList());key에 'flagDeleted'가 없는 데이터 분리List> nonFlaggedRows = data.stream() .filter(row -> !row.containsKey("flagDeleted")) .collect(Collectors.toList());원본에서 지우기data.removeIf(row -> row.containsKey("flagDelete"));

const grid = btn.up('grid');const store = grid.getStore();const selection = grid.getSelectionModel().getSelection();if (selection.length > 0) {Ext.Array.each(selection, function (record) { if (record.phantom) { // Directly remove newly inserted rows store.remove(record); } else { // Flag existing rows as deleted record.set('flagDeleted', true); }});