Gridstack.js: ウィジェットを非表示

作成日 2015年03月06日  ·  7コメント  ·  ソース: gridstack/gridstack.js

@zhaoyoubingは言う:

また、「非表示」または「最小化」機能を追加することをお勧めします。 「非表示」機能を使用すると、DOMから削除せずに再レイアウトすることもできます。

need more info

最も参考になるコメント

非表示/表示の例を教えてください

全てのコメント7件

こんにちは、

remove_widget APIメソッドにパラメーターdetach_nodeを追加しました。 falseを渡すと、DOMノードはDOMツリーから削除されません。 したがって、代わりに非表示にすることができます。

https://github.com/troolee/gridstack.js#remove_widgetel -detach_node

こんにちは、
この機能を試してみました。 私はデタッチモードを使用して要素を非表示にし、次にadd_widgetを使用してそれを表示します(これがこれを行う正しい方法であったかどうかはわかりません)、最初は機能します(非表示と表示)が、次に非表示にしようとしますそれは、ウィジェットの場所が別のウィジェットによって使用されていた(動作するはずです)が、それが独自のグリッドに配置されたため、占有されたスペースを無視して、削除する必要のあるウィジェットが上に配置されたため、ドラッグして上に配置できます他のものは自由に。

おそらくこれは、私がadd_widgetを使用していて、非表示のコンポーネントを表示するのに最適なオプションではないためです。アドバイスをいただけますか?
ありがとう。

こんにちは@rcastillog

jsfiddleを使用してコードサンプルを提供するか、ここに配置してください。

ありがとう。

確かに、次の日には、小さなサンプルを準備して、ここに投稿しようと思います。 前に答えを求めてください、たくさんの仕事。

ご挨拶。

@rcastillogサンプルを設定しましたか?

活動がないため、これを締めくくりますが、問題も解決すると思われる小さな回答を提供します。

メソッドmakeWidgetが最近追加されたため、ここで必要になる可能性があります。 addWidgetを呼び出すと、要素がDOMに追加され、重複してしまうと思います。 一方、 makeWidgetは、既存の要素をグリッドスタックに追加します。 あなたが呼び出す場合removeWidgetとパスdetachNode=false 、そしてmakeWidgetおそらくあなたが望むものを達成するのに役立ちますカウンターパートです。

それでも問題が解決しない場合は、このチケットを再開してください。

非表示/表示の例を教えてください

このページは役に立ちましたか?
0 / 5 - 0 評価