问题标签 [gridstack]

真的是菜鸟问题，但我不明白我在这里做错了什么？

我收到此错误：

指向gridstack中的这条线：

编辑：我发现了问题，如果我替换这些行

经过

然后它起作用了，知道为什么吗？

我看到使它成为“静态”的选项（不可拖动，不可调整大小）但是如何阻止调整大小选项？

https://github.com/troolee/gridstack.js

我想问一下是否可以通过它的一个属性或以另一种方式动态设置 gridstack 面板的内容。

我在让Gridstack在 Backbone 应用程序中工作时遇到问题。

RequireJS 配置的精简版本如下所示：

问题是 Gridstack 试图为 Lodash 和 jQueryUI 组件“core”、“mouse”、“draggable”、“resizable”和“widget”查找获取文件。见下图。

Backbone 视图文件（再次简化）如下所示：

我使用的是 Underscore.js (1.8.3) 而不是 Lodash，但是这里的文档应该没问题：https ://github.com/troolee/gridstack.js

是否有强制 Gridstack 了解它的所有依赖项都已加载？

编辑 2016-02-18 12:47:00

jQueryUI 从https://jqueryui.com/download/下载，包含除 Tooltip 之外的所有内容；与 Bootstrap 一起使用时会导致问题。

我看到很多人通过 Bower 获得了 AMD 版本的 jQueryUI。但是，该软件包适用于其他所有内容，因此我倾向于认为问题出在 Gridstack 上。

这是我使用 Knockout 绑定的 Gridstack 布局示例。问题是我的视图没有根据模型更新，什么时候应该更新。

按下Delete me控制台输出后显示widgets可观察数组得到正确更新，而视图没有。原因似乎在这条线上（没有被调用）：

据我所知，foreach绑定应该自动更新，为什么不呢？

在这里，我使用 iframe 来显示页中页面，其中包含基于 Gridstack 网格的编辑器来重新定位其元素。内页应该由纯 HTML 和 CSS 组成。所有与 gridstack 相关的 CSS 和任何与 ko 相关的 JS 调用都应该从外部页面进行。我在一个页面上工作。

现在的问题是，只要我将Gridstack网格放入iframe并将其绑定到视图模型。它的大小不合适。小部件存在于 HTML中，但不可见（由于零高度）

在这种情况下，Knockout 绑定被执行，但CSS 高度属性和垂直 Y 位置无法动态计算。

注意：宽度和水平 X 位置得到正确分配，因为它们是从静态 CSS 类加载的。

更新：可能要解决这个问题，需要覆盖 Gridstack 中的这个函数。它在外部页面而不是内部页面中动态创建 CSS。这可能是问题的原因：

下面的代码段仍然无法执行，我建议查看我的 JSFiddle

我在我的一个项目中使用 gridstack.js，网格上有 3 个可调整大小和可拖动的 div。
我想在这些 div 中调整 p 和 h3 标签中的文本大小，并在调整父 div 大小时保存 fontsize 值。我可以这样做： Can text be resizable using jquery-ui?

但是当屏幕发生变化时我该怎么办？例如，我使用的是小屏幕，在调整其中一个 div 的大小后，p fontsize 可能为 12px。当我使用大屏幕时，p 标签的字体大小应该是多少？我该如何调整这个？

谢谢

我正在尝试使用 gridstack.js 来动态构建瓷砖墙。我想将一些瓷砖放置在特定位置，而其余的我只想放置在任何未占用的瓷砖中。填充块的宽度始终为 1，高度为 1，但其他项目可能更大。

我正在尝试做这样的事情：

我在顶部有所有特定位置，然后是填充瓷砖。填充块不会有 x 和 y 位置。

我可以通过循环填充瓷砖并将特定的填充瓷砖放置在需要去的地方手动创建自己的网格，但我希望 js 会为我做到这一点。

有没有人这样做过？有没有办法做到这一点？

在 Gridstack 中，我需要根据每个网格的内部内容设置每个网格的高度！但我尝试了很多方法。我想根据它们的内部内容设置每个网格的高度，我不想要任何滚动条。我已经尝试过，但我无法得到结果，有任何方法..可以做到这一点。

我正在尝试将gridstack库用于仪表板，该库允许将控件拖放到客户端的小部件并调整其大小。我正在尝试使用包装 javascript 库并防止直接使用 gridstack 库，唯一的原因是每当我需要切换到另一个 javascript 库时；像一些需求，gridstack 不直接支持；那么我不需要对每个使用它的地方进行更改。

这是我的代码。

HTML：

Java 脚本文件：

getWIdgetsByColumn.json：

意味着，两个小部件应位于仪表板容器的第一列，一个小部件位于仪表板容器的第三列。

小部件内容将从服务器端加载。加载小部件.jsp：

每个仪表板小部件都加载了 json 内容。这是小部件 JSON 的示例代码。

getWidget-104_1.json

除了 id 值之外，另外两个小部件与上述小部件类似。

问题： 这段代码面临的问题是，我不能多次执行拖放操作，并且它没有下降到我们想要放置它的正确位置。

如果需要更多信息，请告诉我。