我想在我的项目中使用 Gridstack,我正在使用它,现在我正在添加带有 JSON 数据的小部件。我无法向小部件添加 id。
这是JsFiddle的链接。这个“id”非常重要,因为没有它我将无法从数据库中保存/检索数据。
根据Guthub 上的这篇文章,我将 id 提供给 ** grid.add_widget
** 方法。但我不知道如何访问它。
根据您在 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/