Gridstack.js: json . рдХреЗ рд░реВрдк рдореЗрдВ рдирд┐рд░реНрдпрд╛рдд рд╕реНрдерд┐рддрд┐

рдХреЛ рдирд┐рд░реНрдорд┐рдд 1 рдЕрдЧре░ 2018  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gridstack/gridstack.js

@hairyheron
рдирдорд╕реНрддреЗ,
рдореИрдВ рд╡рд░реНрддрдорд╛рди рд╕реНрдерд┐рддрд┐ рдХреЛ JSON рдкреНрд░рд╛рд░реВрдк рдХреЗ рд░реВрдк рдореЗрдВ рдХреИрд╕реЗ рдирд┐рд░реНрдпрд╛рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ, рдлрд┐рд░ рдЗрд╕ рдЬреЗрд╕рди рджреНрд╡рд╛рд░рд╛ рджрд┐рдЦрд╛рдПрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрджрд┐ рдЖрдк рдкреГрд╖реНрда рдкрд░ рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдХреЗ рд▓реЗрдЖрдЙрдЯ рдХреЛ рдЬрд╛рд░реА рд░рдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣рд╛рдВ рдПрдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ:

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());

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВ рдЗрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХрд╛ рдЕрдиреБрд░рдХреНрд╖рдХ рдирд╣реАрдВ рд╣реВрдВред рдЕрдЧрд░ рдореИрдВ рд╣реЛрддрд╛ рддреЛ рднреА рдореИрдВ рдЖрдкрдХрд╛ рдкреНрд░рд╢реНрди рдирд╣реАрдВ рд╕рдордЭрддрд╛ред

рдпрджрд┐ рдЖрдк рдкреГрд╖реНрда рдкрд░ рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдХреЗ рд▓реЗрдЖрдЙрдЯ рдХреЛ рдЬрд╛рд░реА рд░рдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣рд╛рдВ рдПрдХ рд╕рдВрдХреНрд╖рд┐рдкреНрдд рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ:

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 ред рдпрд╣ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╕рдорд╛рдзрд╛рди рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

metalheadz picture metalheadz  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

73R3WY picture 73R3WY  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

starplanet picture starplanet  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ascendantofrain picture ascendantofrain  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

PrincessOfSecret picture PrincessOfSecret  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ