使用序列化数据 (JSON) 作为输入构建 gridster 布局答案

【问题标题】：Build gridster layout using serialize data (JSON) as input使用序列化数据 (JSON) 作为输入构建 gridster 布局
【发布时间】：2014-09-03 04:20:51
【问题描述】：

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

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

请帮忙。提前致谢。

【问题讨论】：

标签： jquery json gridster

【解决方案1】：

请查看演示链接

Demo

我创建了一个 JS 插件来实现这一点。

插件的调用是这样的

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

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

谢谢！！！

【讨论】：

非常感谢 Yogesh。:) 这正是我想要的。目前我们在盒子里有 0,1,2 等。我们可以添加一些文本而不是数字吗？
是的，你可以。我已根据您的要求更改了该代码。请再次检查该演示。现在您可以添加“text”属性来定义“li”中的文本。如果您不定义该属性，它将保持为空。
谢谢Yogesh。我欠你一个。
嘿Yogesh，我还有一个与gridster 相关的问题。你能看看这个链接stackoverflow.com/questions/25639081/…