問題タブ [collapsable]

ここに Bootply のデモをまとめました: http://www.bootply.com/Ss2aAnzqlZ。

これは、http: //getbootstrap.com/components/#panels-tablesに従ってテーブルを含むパネルです。ただし、パネルを折りたたむこともできます。折りたたみビットは正常に機能しますが、テーブル自体は形状を保持しません。Bootply でわかるように、最初にページをロードしたときに、パネルの幅がいっぱいになりません。パネル ヘッダーの [改善] をクリックしてパネルを折りたたむと、アニメーション中に表がパネルの幅全体を占めてから消えます。もう一度クリックしてパネル コンテンツを表示すると、アニメーションが停止するまでテーブルは全幅で表示されます。アニメーションが停止すると、縮小して「自動」幅のように見えます。

奇妙なことに、table 要素を調べると、テーブル自体は全幅ですが、thead、tbody、および tfoot はそうではありません。

テーブルに「崩壊」クラスが存在することを突き止めました。「折りたたみ」クラスなしで Bootply を開始すると、パネルを折りたたむまで全幅になります。拡大すると、自動幅に戻ります。なぜだかわかりません...あなたは？

これがスニペットですが、ここでは折りたたみが実行されていないようです。ブートプライの方が優れています。

これは、ブートストラップによって提供されるアコーディオン機能とは似ていないようです。

例を挙げて、「フォーマット方法」の情報を見てみましょう。Xピクセルの深さまでしか表示されず、展開されるまで停止するようにしたいと思います。したがって、次のようになります。

そして、展開したら、

私はたまたまブートストラップを使用しています。この種のエクスペリエンスを作成するためのブートストラップ ネイティブまたはその他の HTML ソリューションはありますか?

表示したいのは、一連のテキストではなく、画像などの 1 つの要素であるとします。これは、min-height:50px や overflow:hidden のようなソリューションは機能しないことを意味します。画像の一部ではなく全体を非表示にするだけだからです。

最初の免責事項: 1) 初めての質問です。これが正しく行われていることを願っています。そうでない場合は申し訳ありません。2) 英語は私の母国語ではないので、間違っていたらすみません。3) 検索しても答えが見つからない。

言葉で説明しようとすると、多くの言葉を意味しますが、bootply はすべてを言うことができます:

http://www.bootply.com/EBIMFQ5jEC

基本的に、私が欲しいのはこれを除いてほとんど機能しています:たとえば、「タイトル3」をクリックすると(「タイトル1」または「タイトル2」をクリックした後)、「最初/2番目の列(s)が非表示になります」 )」なので、「3 番目の列」だけが表示されます (もちろんその逆も同様です)。これが明確であることを願っています。

私はdata-parentでいくつかのことを試しました（これなど：最初の3つのボタンに追加されたhttp://www.bootply.com/pgoT2IPG8Ddata-parent="#collapse1"）が、何も達成できませんでした...

助けてくれてありがとう！

Bootstrap で折りたたみ機能を使用しようとしていますが、ほとんどの場合は機能しています。私は本質的に一種のアコーディオンを作成していますが、一度に 1 つのパネルだけを表示したいという点で、アコーディオンのようには見えません。ただし、Bootstrap のアコーディオン機能は使用していません。これは、私がやりたくない Panel の使用に依存しているように見えるためです。

したがって、ほぼ機能するようになったので、唯一の問題は、1 つの div を展開してから「ヘッダー」(別の div) をクリックして別の div を開くと、元の div も展開されたままになることでした。それらは相互に排他的ではありませんでした。「ヘッダー」divがクリックされたときに呼び出される行をjQueryスクリプトに追加することで、これは簡単に修正できると思いました。これにより、クリックされた「ヘッダー」に関連付けられたパネルを展開する前に、すべての折りたたみ可能なパネルが非表示になりますが、理由がわかりませんその行を追加すると、最初の「ヘッダー」がクリックされたときにすべての折りたたみ可能なパネルが展開されます。ただし、その最初のクリックの後、すべてが正常に機能します。私は困惑しています！

ここで問題を示すフィドルを作成しました。

クリックすると折りたたむことができる DIV を取得しようとしています。この簡単な例では、クリックは DIV 全体で直接トリガーされます。

私の例は 2 つのケースを示しています。1 つ目は「固定」幅オブジェクトを使用し、2 つ目は「パーセンテージ」幅を使用します。

クリックすると、最初の DIV がコンテンツのサイズを変更せずに切り捨てられ、オーバーフロー コンテンツが非表示になりますが、あまり望ましくない px ベースの幅が必要です

代わりに、2 つ目はコンテナーの幅に応じてコンテンツを調整します。% を使用できますが、希望どおりに折りたたみ時にコンテンツを非表示にしません。

したがって、2 番目の例のように、コンテンツの幅をコンテナーの幅の % で設定したいと思います (% の幅もある可能性があります)。

私はXcodeの初心者で、現在、展開可能/折りたたみ可能なUITableViewに取り組んでいます。基本的な考え方は、最初のマスター セルがクリックされたときに新しいサブ ドロップダウン セルを作成し、サブセルが詳細ビューに移動できるようにすることです。しかし、これらの新しいサブセルから詳細ビューに移行したいと考えています。次の 2 つのオプションがあることがわかりました。

• セグエを作成する
• pushviewcontroller を作成します。

新しいビュー コントローラーをドラッグして、そのストーリーボード ID を定義し、新しい詳細ビューをプッシュするセグエをプログラムで作成しようとしました。しかし、それは機能していません。誰でも私を助けることができますか？ありがとう。

//didSelectRowAtIndexPath

外部パネル内の折りたたみ可能な div にデータを追加するリスト項目をクリックして、新しいページを開いています。最初に開いたとき、スタイリングは折りたたみ可能な div にとどまりますが、戻って別のアイテムを開こうとすると、スタイリングはなくなりますが、データはそこにあります。create、refresh、enhancedwithin などのメソッドを追加してすべてを試してみましたが、運がなかったように感じます。何か案は？？

Java スクリプト:

HTML

私は現在、JavaFX で GWT の DisclosurePanel のような動作を実現するソリューションを探していますhttp://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwDisclosurePanelを参照してください。

TitledPane を使用して何かを構築しようとしましたが、見た目も機能もうまくいきません。

私はFXMLで作業しています:

対応する Java コードは、この例のスターターにすぎません。

私が欲しいのは、TitledPane が TreeView をオーバーレイすることです。TitledPane のコンテンツが TreeView の前にあり、TreeView を押し下げないようにします。

プロトタイプの写真を投稿できません。評判がまだ十分ではありません。申し訳ありません。

すべてのアイデアが高く評価されています。前もって感謝します。

よろしくお願いします。

d3.js の折りたたみ可能なツリーの例を使用しています。ノードクリックで外部jsonデータの読み込みに成功しました。ここで、クリックした対応するノードの近くのサーバーから json データが取得されるまで、プリロード画像を表示したいと考えています。

すべてのノード内に div タグを追加し、追加されたすべての div タグ内に gif の img src を追加しました。解決には至りませんでした。

私のコードサンプルの下：