7

Jquery ベースのダッシュボードを構築しようとしています。次の例を見てください。

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

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

流動的なレイアウトがあれば、この機能は簡単に実現できます。でも。上記の例よりも少し複雑なダッシュボードが必要です。

作成しようとしているダッシュボードには、アイテムをドロップできるグリッドがあります。項目はページのどこにでもドロップでき、項目間にスペースを入れることができます。項目はグリッドに対してサイズ変更可能で、項目が邪魔にならないように移動できます。

タイルが上に移動し、グリッド内でそれらの間にスペースを空けることができない、Google ホームページ ダッシュボードのようなレイアウトは必要ありません。

たとえば、10 x 10 グリッド (ユニットあたり 50 ピクセル)

1 x 1 のタイルを 1 x 2 にサイズ変更すると、1 x 1 のスペーサーと別のタイルを配置できます。

これを達成するための優れたアルゴリズムを探しています。最終的な目標は、Android のホーム画面に表示されるようなダッシュボードを作成することです。

ただし、私の主な欠点は、現在、グリッドを交換および整理するためのスマートな衝突検出です。

完成したら、私のダッシュボードを github で共有したいと考えています。ありがとうございました。

4

1 に答える 1

11

これはjQueryプラグインではありませんが、Gridsterはサイズ変更を除いて、あなたが言及したすべてのことを行います.

より完全なものを見つけたらお知らせください。

于 2013-01-11T02:44:58.163 に答える