带网格布局的Jquery仪表板

Question

我正在寻找一个基于Jquery的仪表板.看下面的例子:

http://jqueryui.com/sortable/#display-grid

和

http://jqueryui.com/sortable/#portlets

我看到如果我们有流畅的布局,这个功能很容易实现.然而.我想要一个比上面提到的例子稍微复杂的仪表板.

我想要创建的仪表板将有一个网格,可以将项目放在上面.可以将项目放在页面的任何位置,并且允许在项目之间存在间距.这些项目可以针对网格进行调整,从而导致项目移开.

我不希望像谷歌主页仪表板这样的布局,其中瓷砖向上移动并且不允许它们在网格中间隔.

例如,我将有一个10 x 10网格(每个单元50像素)

平铺可以是1 x 1并且调整为1 x 2然后可以有1 x 1间隔,然后是另一个平铺.

我正在寻找一个很好的算法来实现这一目标.我的最终目标是最终得到一个类似于你在Android主屏幕上看到的仪表板.

但是,我的主要缺点是目前用于交换和组织网格的智能碰撞检测.

完成后,我希望在github上分享我的仪表板.谢谢.

Answer 1

它不是一个jQuery插件,但Gridster会为你的调整大小做一切你提到的EXCEPT.

如果您发现更完整的内容,请告诉我们.