问题标签 [gridster]

我有一个我正在处理的 gridster 页面，里面有图片

我已经用 gridster 做了一些测试，我可以保存一些 gridster 数据，比如坐标、大小、ID 等。

但是我无法保存填充gridster的div的内容，我可以稍后加载每个元素的gridster坐标。

这是我的代码：

这是我的process.php：

我可以提取除 html 之外的所有 div 内容，以便稍后动态重新创建。

谁能帮我？

谢谢

我正在尝试使用 gridster.js 和 jquery-cookie 来存储布局并让以下实现正常工作。它显示 json，我想让它默认/显示我的 html 内容。

我确定解决方案很简单/优雅，但我是 json 和 gridster 的新手。我相信我只需要编辑“if ($.cookie("grid-data") == null) { var json =...”

我知道我可以更改值和大小，但我想知道如何放入我的 html 内容。

希望有人能引导我朝着正确的方向前进。这就是我到目前为止所拥有的。

我正在使用 gridster gridster.net来处理一些可拖动的项目。这些项目也是可点击的。当有点击时，它会展开。但问题是，当我拖动一个项目时，它也会触发一个单击事件，并且该项目在放下后会展开。我怎样才能防止这种情况？

这是我的jQuery代码示例：

我刚刚开始使用 Gridster jQuery 插件，但在使用 gridster.serialize() 时遇到了问题。根据该站点，它应该创建一个包含所有小部件位置的 JavaScript 对象数组，准备好被编码为 JSON 字符串。

我只有一些基本代码：

使用相应的 HTML：

我并不完全清楚 gridster.serialize() 函数应该如何工作。我只是想记录网格中所有图块的当前大小/位置，并将其放入某种数组中。有人有想法么？

编辑：这是网站。

我正在创建一个网格，我需要从一组 Javascript 对象中将项目附加到其中。

网格 <div id="grid">只是一个div需要有 4 列和无限行的容器（以容纳可能插入到网格中的不同数量的对象）。

网格项目，也将是divs，基于具有指定网格内列、行、宽度和高度的属性的对象。它们看起来像这样：

columns:就像table这样定义项目从哪一列开始，并根据项目的x值向右扩展。

row： 项目所在的行。

x： 列中项目的宽度。项目宽度始终小于或等于 4。

y： 项目的行高。项目高度始终小于或等于 2。

我需要编写一些 javascript 来根据这些属性在网格中排序、定位和附加这些项目。如果有帮助，json 数据来自使用 gridster.js 库创建的类似网格。

可以使用 jQuery。

我是 Javascript 新手，正在尝试将 Gridster 与 Knockout 一起使用。我有一个包含项目的数据库，我使用淘汰赛 foreach 将它们绑定到 UL。UL 使用 Gridster 库进行样式设置。除非我尝试通过视图模型中的 ObservableArray 向 UL 添加其他元素，否则一切都很好。

谁能帮我理解这里的操作范围和顺序？感觉 Gridster 库并没有对新的小部件进行样式设置。

此jsfiddle 显示了该问题的工作演示。请注意，当您双击一个小部件时，它会创建一个新小部件，但不会将其放置在网格中。相反，它只是挂在后面。

这是HTML

这是Javascript

我是 PHP、JavaScript 和 JQuery 的新手。只是觉得建立一个足球记分牌会很有趣。所以在做了一些研究之后，我想出了这个。我确信有更好的方法，但我只是从这个站点上的许多文章中借鉴了一些想法。我遇到了 Gridster 的障碍。我相信它用我的桌子位置正确地写入了 cookie。我已将表格放在列出的项目中，因为当定义为 widget_selector 时，我无法让表格工作。

这是我的代码。我需要做什么才能读取 cookie 的位置数据并相应地对我的表格进行排序？非常感谢您的帮助！

我可以创建 gridster 仪表板，但我不明白如何在每个 gridster 小部件中获取/管理数据。

举个例子：假设我有一个小部件，我想捕获内存消耗、cpu 利用率和可用磁盘空间。在我看来，这是三个分配有数据属性的标签。

1. 如何获取 gridster 小部件中的标签？
2. 如何绑定值/更新值/

我相信每个小部件都需要关联一个 html 文件。我不知道该怎么做，或者这是否真的正确。在我layout.html.erb的布局中，我使用以下内容：

我想将块拖放到任意位置，例如将块对齐到容器底部，因此顶部会有空闲空间。有什么建议么？