Gridstack.js: export position as json

Created on 1 Aug 2018 · 3Comments · Source: gridstack/gridstack.js

@hairyheron
hi,
how to i can export current position as JSON format, then show by this json.

question

Source

vhdm

Most helpful comment

If you want to persist layout of gridstack on the page, here is a short example:

var getGridJSON = function () {
    var nodes = $('#gridstack').data('gridstack').grid.nodes;
    return nodes.map(function(obj, idx){
       return {
           x: obj.x,
           y: obj.y,
           width: obj.width,
           height: obj.height,
           minHeight: obj.minHeight,
           minWidth: obj.minWidth
       }
    });
};
// this will give you array with each gridstack item, stringify it and persist in the backend :)
console.log(getGridJSON());

zhanazhan on 3 Aug 2018

👍2

All 3 comments

I am not a maintainer of this project. Even if I were, I do not understand your question.

hairyheron on 2 Aug 2018

If you want to persist layout of gridstack on the page, here is a short example:

var getGridJSON = function () {
    var nodes = $('#gridstack').data('gridstack').grid.nodes;
    return nodes.map(function(obj, idx){
       return {
           x: obj.x,
           y: obj.y,
           width: obj.width,
           height: obj.height,
           minHeight: obj.minHeight,
           minWidth: obj.minWidth
       }
    });
};
// this will give you array with each gridstack item, stringify it and persist in the backend :)
console.log(getGridJSON());

zhanazhan on 3 Aug 2018

👍2

Thanks, @zhanazhan . That looks like a good solution.