@zhaoyoubingは言う:
また、「非表示」または「最小化」機能を追加することをお勧めします。 「非表示」機能を使用すると、DOMから削除せずに再レイアウトすることもできます。
こんにちは、
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
おそらくあなたが望むものを達成するのに役立ちますカウンターパートです。
それでも問題が解決しない場合は、このチケットを再開してください。
非表示/表示の例を教えてください
最も参考になるコメント
非表示/表示の例を教えてください