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

时间:2014-09-03 04:20:52

标签: jquery json gridster

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

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

请帮忙。提前谢谢。

1 个答案:

答案 0 :(得分:4)

请检查演示链接

Demo

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

调用插件就像这样

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

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

感谢!!!