问题标签 [gridster]

我正在使用此代码使 gridster 响应：https ://github.com/ducksboard/gridster.js/issues/77

为什么最右边 data-col 中的小部件会跳到下面的行？ http://jsfiddle.net/nxmRr/30/

HTML：

当上面有一排小部件时，不会发生这种情况。 http://jsfiddle.net/nxmRr/29/

如何将网格从一个 gridster 拖到另一个 gridster？

下图显示了问题。似乎还有空间可容纳另一列（我已将可用区域编程为 1500 像素，因此从技术上讲，应该有 5 个空间），但无论发生什么，Gridster 都会强制将第 4 个添加到第 1 列。

正如您在下面看到的，即使我现在更改设置，我也可以有 5 列，但仍然 gridster 将其宽度限制为与以前大致相同的区域。

Gridster 的网站对此有所提及： .resize_widget( $widget, [size_x], [size_y] ) 但我不知道如何实现它，或者即使它是正确的代码。

基本上我想要 5 列，每列大约 200 像素宽，最好是可用空间的 20%... Geddit？

提前干杯... x

我有一个 emberjs 应用程序，其结构非常类似于此处的示例： https ://github.com/tildeio/bloggr-client

我的问题是，当用户单击左侧的“帖子”时，我可以在帖子视图/路由/控制器中订阅任何可以点击的事件吗？我正在使用的 javascript 库 (gridster) 需要在用户从帖子切换到帖子时运行一些 javascript。我试过使用 didInsertElement 但这似乎没有触发（使用 1.0.5）

有没有人试图将一个单元格从一个 Gridster 拖到另一个？我一直在努力让它工作..但没有运气。请问有什么帮助吗？

我使用带有 12 列网格的 gridsterJS。

我用方法动态地添加小部件add_widget()。

小部件正确显示。但是，如果我放置一个 sizex 为 6 或更大的小部件，它会出现在 DOM 中，并且它的高度是正确的，但它的宽度是 0px。

然后小部件出现了，但是由于 0px 宽度，我们无法在视觉上看到它

在以下示例中，只有两者之一可见。如果我将 sizex 从 7 手动更改为 6。那么这两个小部件就可以了：

我有一个基于 gridster 的布局，它将从一组列数和固定数量的图块开始。有没有办法在设置后更改列数？-- 例如从 3 列开始：

（瓷砖 1 | 瓷砖 2 | 瓷砖 3
瓷砖 4 | 瓷砖 5 | 瓷砖 6）

并将其更改为两列布局：

（瓷砖 1 | 瓷砖
2 瓷砖 3 | 瓷砖 4
瓷砖 5 | 瓷砖 6）

这种变化将由用户交互驱动。

我试图使用类似的东西：

但这似乎不起作用...

我尝试手动将data-rowanddata-col值更改为新位置，并调用 init() （而不是调用 init）。

我什至尝试更改添加的 gridster 代码

到方法fn.generate_grid_and_stylesheet（就在该行之后：

）。

我可以使用这些选项中的任何一个让瓷砖移动正确的位置，但随后的拖动行为是......奇怪。

我已经设置了一个 jsfiddle ( http://jsfiddle.net/qT6qr/ ) 来解释我的意思（请原谅在小提琴顶部的 gridster.min.js，我找不到我的 cdn可以使用它...）。

提前致谢

我有一个源自http://gridster.net/的网格。

• 网格的列被视为不同类型的实体。
• 行被视为优先级。

每个单元格都是这样的对象

实体

• ID
• 姓名
• 优先
• 类型 ID

注意：Priority 和 TypeId 都是 Ints，在生成此网格时实际上与 Grid/Column 位置有关。

我的问题： 每次移动单元格时，我都需要更新该单元格的 TypeId 和优先级，并检测可能已经移动的任何其他单元格。

通常这意味着将下面的所有单元格大规模更新为优先级 + 1（因为它已向下移动）。

这个解决方案显然有效，但我想解耦这个设计，实际上可能是数据库中负责跟踪优先级的另一个表。（它不需要与网格 ID 密切相关，但它应该能够执行诸如按优先级排序之类的事情）与某种其他负责排序/优先级的表。特别是如果我有另一个网格并且只显示实体一些实体。

我认为链接列表的方法可能很好。我在哪里跟踪上面和下面的内容，（上一个和下一个）但是这将很难运行查询。

有任何想法吗？

我喜欢 gridster.js，但我不知道如何使用它的回调。文档指出可以将以下内容传递到 Gridster 配置对象中：

这是我正在尝试的，但Uncaught SyntaxError: Unexpected token .在 draggable.stop 行上出现错误。

在这里使用的正确语法是什么？

我正在使用 gridster 制作链接网格。单击链接时，该链接应该可以正常工作。问题是它在拖动后也会被点击。拖动后如何阻止它被点击？

请检查：http: //jsfiddle.net/b_m_h/tr4cU/

JS：