2016-09-29 29 views
1

ドラッグ&ドロップすると、サイズ変更可能なグリッドたい(またはDIV)https://troolee.github.io/gridstack.js/div任意のサイズでサイズ変更、ドラッグ&ドロップできます。 (DIVに他のdivをオーバーロードしない)

要件があるように:(

1)サイズ変更可能なdivの

2)ドラッグ&div要素をドロップ

これはgridstack.jsを使用して動作しています。しかし、私が直面する一つの問題があります。

例:
画面サイズ幅900px;

幅900pxの画面に任意のオブジェクトを配置します。 今、私はこのオブジェクトサイズ(サイズ変更可能なものを使用しています)890pxにします。それはブートストラップのように12パーツで900pxスクリーンを計算するので、グリッドスタックでは不可能です。したがって、この場合オブジェクトサイズ(825ピクセル)が指定されます。

私は100部に対してgridstack CSSを変更しました。サイズ変更可能ではありません。ここにあるのはdemo

グリッドスタックのソリューションはありますか?または他の最良の方法?

答えて

0

jQueryUIを見てみましょう: 1)Draggable 2)Resizable

:相互作用またはこれらのリンクを参照してください左のメニューから

関連する問題