如何创建不可堆叠的小部件网格?

时间:2014-03-18 09:42:47

标签: jquery html angularjs grid widget

有很多jQuery插件可以创建网格,我们可以在其中放置小部件: - 格栅 - 网格 - 也许是其他人?

所有这些都是水平或垂直堆叠小部件。 我想做的是拥有一个免费的网格'我可以独立放置小部件。

为了更好地理解,这里有一些'图纸' :

[x]: occupied grid slot
[ ]: empty grid slot

这就像gridster和gridly这样的插件正在做什么。 它们是垂直堆叠的,因为下面没有任何东西,所以放置像[o]这样的东西。

[x][x][x][ ]
[x][ ][x][ ]
[ ][ ][x][ ]
[ ][ ][ ][o]

我想做什么。 在这里,我们可以将物品放在我们想要的地方。

[ ][ ][x][ ]
[ ][x][ ][x]
[ ][ ][ ][x]
[x][ ][x][ ]

实现这一目标的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

好的,对于那些正在搜索角度模块的人来说,有一个很棒的angular-gridster基于gridster jQuery插件。 非常可配置,工作完美。