Closed
Description
Hi,
does "change" event work on nested grid items?
In my situation change event is triggered only when moving or resizing parent (1st level) grid items.
Steps to reproduce
var items = [{"x":0,"y":0,"w":6,"id":"5352223231011-3142222-410151-132321-200104202021152022100","subGridOpts":{"children":[]}},{"x":6,"y":0,"w":6,"id":"133014223145-112141-4112121-120214-43422114222221410","subGridOpts":{"children":[{"id":"01344140020-1013320-4151323-1521411-1140103111252101411","subGridOpts":{"children":[]},"x":0,"y":0},{"id":"412141422121-102202-42145-12152321-5223321101112214225","subGridOpts":{"children":[]},"x":3,"y":0}]}},{"x":0,"y":1,"w":12,"id":"1122021332120-2201014-4151315-1521145-12102130152142222321","subGridOpts":{"children":[]}}];
let options = { // main grid options
resizable: {
handles: 'se'
},
margin: 8,
minRow: 2, // don't collapse when empty
acceptWidgets: true,
subGridDynamic: false,
subGridOpts: subOptions // all sub grids will default to those
};
var grid = GridStack.init(options);
grid.load(items);
grid.on('change', function (event, el) {
serializeFullGrid(grid);
});