Bug when undoing a cut operation
Posted: Fri Apr 28, 2023 10:30 am
Hello
We've noticed that there is an issue when you are undoing a cut operation. This seems to only be a problem at the top level of a tree grid.
I've attached a video of the bug. I was able to reproduce this on your tree grid demo, using this code:
import { StringHelper, TreeGrid, GridRowModel, StateTrackingManager } from '../../build/grid.module.js?467241';
import shared from '../_shared/shared.module.js?467241';
class Gate extends GridRowModel {
static get fields() {
return [
{
name: 'capacity',
type: 'number'
},
'domestic',
'airline',
'manager'
];
}
}
// Transform a parent node to a leaf node when all its children are removed
Gate.convertEmptyParentToLeaf = true;
let tree = new TreeGrid({
selectionMode: {row: true, checkbox: {hideable: false}},
appendTo: 'container',
features: {
cellEdit: true,
filter: true,
rowReorder: true,
stripe: true
},
loadMask: 'Loading tree data...',
columns: [
{ text: 'Id', field: 'id', width: 40, editor: false },
{ text: 'ParentIndex', field: 'parentIndex', width: 40, hidden: true },
{
text: 'Name',
field: 'name',
flex: 3,
type: 'tree',
touchConfig: { editor: false }
// You can customize expand/collapse icons
// expandIconCls : 'b-fa b-fa-plus-square',
// collapseIconCls : 'b-fa b-fa-minus-square'
},
{ type: 'aggregate', text: 'Capacity', field: 'capacity', flex: 1 },
{ text: 'Domestic', field: 'domestic', flex: 1 },
{ text: 'Airline', field: 'airline', flex: 1 },
{
text: 'Responsible<br/>Manager',
field: 'manager',
width: 100,
htmlEncodeHeaderText: false
}
],
store: {
modelClass: Gate,
readUrl: 'data/kastrup-airport.json',
autoLoad: true,
stm: new StateTrackingManager({ disable: false, autoRecord: true }),
listeners: {
change: event => {tree.focusCell({record: event.records[0]})}
}
},
tbar: [
{
type: 'button',
ref: 'customButton',
icon: 'b-fa-folder-open',
pressedIcon: 'b-fa-plane',
text: 'Use custom tree icons',
toggleable: true,
onToggle({ pressed }) {
tree.store.readUrl =
'data/' + (pressed ? 'ohare-airport.json' : 'kastrup-airport.json');
tree.element.classList[pressed ? 'add' : 'remove']('ohare-airport');
tree.store.load();
}
},
{
type: 'button',
ref: 'expandAllButton',
icon: 'b-fa b-fa-angle-double-down',
text: 'Expand all',
onAction: () => tree.expandAll()
},
{
type: 'button',
ref: 'collapseAllButton',
icon: 'b-fa b-fa-angle-double-up',
text: 'Collapse all',
onAction: () => tree.collapseAll()
},
{
type: 'button',
text: 'Undo',
onAction: () => {
tree.store.stm.undo();
}
},
{
type: 'button',
text: 'Redo',
onAction: () => {
tree.store.stm.redo();
}
},
{
type: 'button',
text: 'delete',
onAction: () => {
tree.store.remove(tree.selectedRecords);
}
}
]
});
tree.store.stm.enable();