jQuery uiの並べ替え可能なグリッドをgridsterのように動作させることは可能ですか?
グリッドスターを使ってみませんか?IE9以外では動作しないためです。
jQuery uiの並べ替え可能なサンプルを見ると、番号5を番号1にドラッグすると、番号1が右に移動します。グリッドスターで同じアクションを実行すると、1番が5番の位置に移動します。サイズの異なる要素でも引き続き機能します。
jQuery ui Sotablesグリッドを同様の方法で機能させることは可能ですか?
jQuery uiの並べ替え可能なグリッドをgridsterのように動作させることは可能ですか?
グリッドスターを使ってみませんか?IE9以外では動作しないためです。
jQuery uiの並べ替え可能なサンプルを見ると、番号5を番号1にドラッグすると、番号1が右に移動します。グリッドスターで同じアクションを実行すると、1番が5番の位置に移動します。サイズの異なる要素でも引き続き機能します。
jQuery ui Sotablesグリッドを同様の方法で機能させることは可能ですか?
しそうにない。jQuery のソート可能機能は、親要素内の要素の順序を変更するだけです。そのデモで示された「グリッドの動作」は、ブラウザのレイアウト エンジンが正常に動作しているだけです (親の に合わせて要素を左から右に配置しwidth
、次に上から下に配置します)。一方 gridster は、その要素に依存しないグリッドをシミュレートします。1 つの列からすべてのタイルを削除しても、画面上のスペースを占有します。列の要素は順序付けされますが、行は必要に応じて追加/削除されます。
その動作を完全に再現するのは大変な作業です。gridster demoの動作に最も近いのは、接続リストの例です。これは、グリッドのようにスタイルを設定できます ( example ) が、すべての要素が同じサイズです。
jQuery ライブラリの操作方法を知っている場合は、Isotope と呼ばれる jQuery プラグインがあり、同様に機能します: http://isotope.metafizzy.co/demos/fluid-responsive.html
ドラッグ イベントを追加する必要がある場合は、次の手順に従ってアイソトープ ウィジェットを拡張できます。