问题标签 [gridstack]

是否有任何选项可以gridstack.js根据grid-stack-item height内部内容（如image.

在我的场景中，每个images都有不同的高度，所以它没有正确显示在卡片上。

它在内部提供滚动条grid-stack-item以查看图像，这是错误的。

任何选项或解决方法或其他 JS 插件/库将根据任何因素限制固定高度。

当前行为

预期行为

高度将100%基于宽度，因此图像aspect ratio保留。

设置：[gridstack] 我正在使用从开发分支合并到“1.0.0-dev”的“0.4.0”。

我有一列用于将要拖到网格上的插件/小部件，所以基本上我使用 jQueryUI 进行可拖放和可拖动。

刚刚在调整大小和拖动项目时发现了一个问题，一段时间后尝试将另一个项目拖动到网格中会生成错误“Uncaught TypeError：无法设置属性'_grid of undefined”第933行“node._grid = self;”。附上截图。

此外，“ui-draggable-handle”与名为“ui-draggable-dragging”的附加类一起粘贴在网格上。它完全破坏了插件，您需要刷新页面以使所有功能恢复正常，但每隔一个 dragstop 事件。

http://www.screencast.com/t/snK9VR1C442

我正在使用打字稿和淘汰赛。在我的示例中，我可以使用 kendo 自定义编辑器（例如淡入淡出或轮播）创建磁贴并设置事务。根据为图块设置的计时器，将显示数据。但是，当我导航到其他选项卡时，计时器事件会尝试查找不再可用的磁贴数据，从而引发错误。我想确保在导航到其他选项卡时，必须销毁或取消绑定所有具有事务事件的图块。我试过使用 ko.utils.domNodeDisposal.addDisposeCallback(element, function () 但它永远不会被调用。

init 方法将创建瓷砖

如果用户在运行时更新图块，update 方法将更新图块。

瓷砖窗

导航到其他选项卡时出错

我正在使用 GridStack 库为我的小部件创建响应式布局。这是我在单击按钮时创建小部件的功能

小部件创建成功。我也可以调整它的大小。但问题是它们不可拖动。我可以在我的小部件项目 html 上看到 ui-draggable 类，但它们没有拖动。

如果我已经在我的布局中定义了小部件，然后初始化 stackgrid 那些工作正常。

当我使用 gridstack.js http://gridstackjs.com/时。因为我在调整屏幕底部小部件的大小时遇到​​了问题。那就是滚动没有移动并且调整大小已被阻止。任何人都可以建议我任何解决方法来调整小部件的大小。

我正在使用 gridstack.js 创建一个空网格，并通过其 API 添加新元素。新项目正确显示。它们可以重新调整大小，但我不能在网格周围拖动它们。我尝试使用enable()and，enableMove(true, true)但它似乎没有效果。

这个例子只包含一个元素，但我假装在它工作时添加更多元素。

这是页面：

我试图在将小部件拖入单独的 Div 时删除网格中的小部件，但我似乎无法使用网格选项中的“可移动”使其工作。

我已经阅读了文档（https://github.com/gridstack/gridstack.js/tree/develop/doc）并尝试了那里的不同选项，并尝试复制具有该功能的演示之一工作（http://gridstackjs.com/demo/two.html） 我已经寻找过其他也遇到过这些问题的人，但找不到任何能够帮助解决这个问题的帖子。

第一个 div 是我要将小部件拖到的位置，第二个是我将从中拖动它们的位置。

这是设置网格选项的 JQuery，我认为应该允许将小部件放入的选项是可移除的，并将其设置为第一个 Div 的类名“.trash”。

应该发生的事情是我将一个小部件拖到顶部 Div，并且该小部件应该从网格中完全删除，但是当拖出并释放时，就像它被拖出网格并将其放回原处一样。

在尝试构建 gridstack dash 时遇到问题

尝试加载页面时出现“未捕获的类型错误：无法读取未定义的属性 'addWidget'”。（代码基于基本的 gridstack 序列化演示https://github.com/gridstack/gridstack.js/blob/开发/演示/序列化.html )

我更改的脚本部分是

有什么建议么？我尝试了很多事情，但总是陷入死胡同

我能解决的最好办法是 this.grid 在我输入 getJSON 时消失

数据加载很好顺便说一句，我看到items填充了我期望的数据。

我正在做一个Angular6项目，我需要使用gridstack.js，我应该如何在这个版本的项目中使用它

我检查了 gridster 之类的库，但它们不支持嵌套功能。

我需要与 gridstack 提供的具有嵌套支持的相同功能。需要帮助吗？

我有一个正在处理的 gridstack 项目，我可以手动添加具有不同内容的小部件。我可以按照我的意愿布置它们，然后保存布局。我可以随时将布局加载回上一个保存点。这是它的一个小提琴： https ://jsfiddle.net/m9rvcsu1/

我的问题是，当我加载布局时，坐标和大小是正确的，但是小部件的内容是错误的。所有小部件内容都设置回默认小部件。

我相信我的问题是由这条线引起的： myGrid.load(JSON.parse($('#tile-placement-string').val()), '#default-tile');

所以要解决这个问题，我想我需要将每个小部件的 id 加载到我用来保存/加载位置的 json 字符串中？我怎样才能正确地做到这一点？

这就是我的 json 的样子： [{"x":0,"y":0,"width":2,"height":2},{"x":2,"y":0,"width" :2,"height":2},{"x":4,"y":0,"width":2,"height":2}]

这是我的保存功能，以及调用它的点击功能：

这是我加载数据的方式：

更多上下文可以在我的小提琴中找到。

要重现问题：

单击编辑 UI，然后单击图表 1，然后单击图表 2

单击编辑 UI，然后单击保存

点击 Edit UI，然后点击 Load（注意所有的 tile 内容都已更改为默认 tile）

任何帮助表示赞赏！