You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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);
});
`
The text was updated successfully, but these errors were encountered:
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);
});
`
The text was updated successfully, but these errors were encountered: