使用序列化数据（JSON）作为输入构建网格布局

Question

我想使用JSON作为输入构建gridster框布局。

在[http://gridster.net/demos/serialize.html]中，当我们点击序列化时，我们会获得JSON数据。现在，我如何使用此JSON作为输入构建布局。就像我想要序列化的反向，使用JSON进行布局。

请帮忙。提前谢谢。

Answer 1

请检查演示链接

Demo

我已经创建了一个JS插件来实现这一目标。

调用插件就像这样

$('#gridster').makeGridster({
    jsonArr:[],   // Please define your json Array here
    widget_base_dimensions: [100, 55],
    widget_margins: [5, 5]
});

从现在起，您必须调用makeGrister函数而不是gridster。我只添加了一个属性jsonArr，其他属性保持不变。

感谢!!!