如何在GridStack中为小部件添加“id”

Question

我想将Gridstack用于我的项目，我正在使用它，现在我正在添加带有JSON数据的小部件。我无法在窗口小部件中添加ID。

以下是JsFiddle的链接。这个'id'非常重要，因为没有它我就无法从DB中保存/检索数据。

根据guthub上的this post，我提供了** grid.add_widget **方法的ID。但我不知道如何访问它。

Answer 1

根据您提供的github上的帖子（https://github.com/troolee/gridstack.js/issues/188），此功能在0.2.5版本中实现，您在示例中使用的是0.2.3版本。

因此，为了使其工作，您应首先更新项目中的gridstack库，然后使用.addWidget（add_widget现已弃用）函数和更新的参数集：

addWidget(el[, x, y, width, height, autoPosition, minWidth, maxWidth, minHeight, maxHeight, id])

根据您的示例，它应该如下所示：

grid.addWidget($element, node.x, node.y, node.width, node.height, true, null, null, null, null, node.id);

您可以在此处查看更新后的示例：https://jsfiddle.net/s9tc3u0m/2/