diff --git a/README.md b/README.md index c3fb939..b5379e4 100644 --- a/README.md +++ b/README.md @@ -364,6 +364,31 @@ For 4-column grid it should be: and so on. +## Load grid from array + +```javascript +var serialization = [ + {x: 0, y: 0, width: 2, height: 2}, + {x: 3, y: 1, width: 1, height: 2}, + {x: 4, y: 1, width: 1, height: 1}, + {x: 2, y: 3, width: 3, height: 1}, + {x: 1, y: 4, width: 1, height: 1}, + {x: 1, y: 3, width: 1, height: 1}, + {x: 2, y: 4, width: 1, height: 1}, + {x: 2, y: 5, width: 1, height: 1} +]; + +serialization = GridStackUI.Utils.sort(serialization); + +var grid = $('.grid-stack').data('gridstack'); +grid.remove_all(); + +_.each(serialization, function (node) { + grid.add_widget($('