问题标签 [gridstack]

我将Gridstack用于可拖动的 div。如何获得 data-gs-y 的新值（因此 div 被丢弃到了哪个 y 轴）。其实我试过这个：

所以事件 dragstop 和 change 给了我 y 轴的当前/旧值，并且不抛出 drop 事件。

如何获得 y 轴的新值？

我有一个添加了单击事件的按钮，在该方法中我正在生成一个新的网格堆栈小部件

在那之后，

这工作正常，但我被阻止如何在这个新创建的小部件中再次添加一个新小部件。

假设我在上面创建的小部件中有一个按钮，我需要在其中添加另一个子 grid-stack-item 小部件。

如何解决这个问题呢？？

我正在尝试创建这种行为，但不确定 Gridstack 是否支持它。我有 3 个 Gridstack 网格：Grid1、Grid2和Grid3。 Grid1是一个独立的网格，而Grid3嵌套在Grid2中。我需要能够将小部件从Grid1拖到 Grid2（外部网格）和Grid3（嵌套网格）中。以下示例我能够在 2 个顶级网格之间拖动小部件并创建一个嵌套网格，但不能将这 2 个组合在一起。如果支持这一点 - 任何指针表示赞赏。

注意：将代码段扩展到全屏

尝试创建具有拖放和调整大小功能的动态仪表板。我想将 ASP 服务器控件添加到“grid-stack-item-content”，并在每 10 秒后通过 Ajax 更新它们。

https://jsfiddle.net/kLeu7y0h/

我需要从从数据库中检索到的 JSON 中加载元素以形成布局。但是每次我单击“加载”按钮时，都会显示最大调用堆栈大小错误。

我在 grid-stack.js 中加载剑道图表，无法调整高度。如果我降低高度，我会滚动。如果我调整大小，我不应该得到垂直滚动。

我试过给出 height:auto 并在调整大小后尝试刷新图表

我正在尝试修复使用 Internet Explorer 11 时 gridstack.js 的 Drag'n'Drop 性能。在我们的网站上，在 mousemove 事件期间遇到大约 400 毫秒的延迟：（在屏幕截图末尾下方有更多内联 css 分析）

在 Gitgub 存储库（不再开发 gridstack.js）上，用户 mvkampen 已经打开了一个问题，但我没有得到解释：

现在我做了一个快速而肮脏的修复来提高性能。通过将所有规则收集到一个数组中，并在最后将它们缩减为单个 textNode。附加到 sheet.ownerNode ()

我得到了数组部分，但我应该如何将此数组减少为单个 textNode？我尝试将setAttribute()所有这些数组元素使用到一个 DOM 对象中，但没有匹配的选择器，因为此时尚未创建网格元素。那么我应该怎么做，如果我必须避免这个昂贵的代码块，这似乎是性能影响的问题？

我有一个针对它初始化了 gridstack 的元素。

我想保存并重新加载我的页面，并且我希望网格在页面加载时可用。因此，当我加载页面时，我想重新初始化 gridstack 元素。

问题是它只是将重复的类添加到元素及其子元素中。

我也将多个类添加到根元素中：

那么重新初始化网格的最佳方法是什么？

我正在尝试遵循 gridstack.js 的教程（这里）

我从字面上将示例复制并粘贴到我的代码中。但我得到这个错误

这是我从 cdnjs 加载的库列表

这是我的代码：

我想在我的 react 应用程序中使用 gridstack.js 来操作网格功能。但是在导入 gridstack、npm i react-gridstack 之后，我遇到了我无法解决的问题。我也在新项目上进行了安装，但没有工作。任何线索将不胜感激

^_^

我正在使用Gridstack.js开发自己的仪表板。我的问题是，我希望我的所有小部件都显示在单个屏幕页面上，而无需向下滚动。目前可能的是小部件是水平响应的，也就是说，所有小部件的宽度都会随着屏幕尺寸的变化而调整。但是身高不行。根据我对此的研究，我必须在主 gridstack.js 上更改 2 行代码。我做到了，但仍然没有解决我的问题。

这是我的代码：

如果你要运行它，试着调整容器的大小，你会看到宽度在相应地调整，但高度仍然是，因此它只在屏幕右侧创建了一个滚动条。

提前感谢您，祝您编码愉快！^_^

问候，

牧场