問題タブ [collapse]

この巧妙な一連のルールが役立つ状況を把握することはできません。それらはボックス モデルの単純さを壊し、レイアウトのさまざまな部分を組み合わせると無限の問題を引き起こします。では、その理由は何ですか？

参考ルール。

更新: ルールは兄弟要素に対して非常に論理的ですが、なぜマージンがツリーまで親要素に伝播する必要があるのでしょうか? どのような問題を解決しますか？

例えば：

最上位の div は、互いに 100 ピクセルの間隔で配置されます。

私はこのコードのビットに苦労しています、そしてそれが可能であるかどうかさえわかりません。単一の親要素内にdivのリストがあり、特定のセットを折りたたんで展開する必要があります。次に例を示します。

したがって、初期状態では、.collapse_meはdisplay：noneになります。その特定の.always_showdivの下に折りたたまれたdivのみを展開するためのリンクがalwaysshowにあります。折りたたみ可能なdivが独自のdivにある場合、これは1,000万倍簡単になることはわかっていますが、コードを制御することはできません。jqueryを使用してそのまま動作させる必要があります。可能？

jQueryを使用して折りたたみ可能/展開可能なdivを作成しようとしていますが、まったく機能していません...各h3はその下のdivを展開/折りたたむ必要があり、なぜこれが機能しないのかわかりません...確か に大きくネストされたdivですが、以下のスクリプトは、ロード時にページに他のマークアップがどれだけあるかに関係なく、uformsクラスを見つけて、本来の動作を行うと思いました...

ここにjqueryがあります：

<div></div>そして、マークアップ（多くのフォームのものなので、実際に の中にあるすべてのものを差し引いて...）

ASP.Net TreeView コントロールのすべてのノードを展開/折りたたむために、次の js コードを使用しました。

問題は、NodeStyle-ImageUrl="img/FolderSmall.gif"がある場合、最初の子ノードを開いた後に展開が失敗することです-ノード画像が存在する場合のみ。

JS エラーは、childContainer が null です:

他の誰かがこれに遭遇したと確信していますが、展開/折りたたみのために見つけたすべてのコードが同じ時点で失敗します。

そのため、フロートがマージンを崩してしまう状況と、それがフロートの位置にどのように影響するかを理解するのに苦労しています。同じページに2つの異なる動作を示しているように見えるページを含めました。

赤いフロートは、それを介して崩壊したマージンの前に配置されているように見えますが、下にある青いフロートは、マージンが崩壊してから、それらのマージンが崩壊した後に配置されているようです。

どんな助けでも大歓迎です。

乾杯、ベン

現在、コントロールの折りたたみ状態を制御するために、ラベル（associatedControlID）と同様に動作するcollapseControlを作成しました。

次のコントロールを構築したい：

collapsableArea http://img692.imageshack.us/img692/3307/stackoverflowcollapseab.jpg

私は次のようなことを考えました：
collapsableAreaを取得するために、すでにビルドしたcollapsableControlと他のコントロール（パネルなど）を組み合わせます。

最初の試み：
私はパネルを拡張しようとし、次のことを行いました：

しかし、これは私に与えました：「ライフサイクルステップが正しくない」、「変更できない」、「nullReference」、...例外

だから私はそれをもう一度試してみました（tagKeyがないため、より良い選択だと思います）：
プレースホルダーを拡張して次のことを行いました：

これにより、次のような他の問題が発生しました。パネルのテキスト、パネルのスタイルのみを設定したい...

有線！

このシナリオの解決策はありますか？

編集：
私は別の解決策を思いついた：
別の解決策http://img109.imageshack.us/img109/3307/stackoverflowcollapseab.jpg

「CollapsableArea」は「Control」タイプで、2つの追加のプライベートプロパティが含まれています。

1. 「CollapsableControl」
2. "パネル"

CollapsableArea.ControlsのゲッターをCollapsableArea.Panel.Controlsにリダイレクトするだけで十分だと思いました。CollapsableArea.CreateChildControls（）で、CollapsableControlとPanelをインスタンス化してbase.Controlsに追加し、CollapsableArea.RenderChildren（）でそれらをレンダリングします2

今の私の問題：CollapsableControlは（IDを設定せずに）clientIDを取得します-パネルに<%%>タグが含まれている場合、パネルはCollapsableControlをレンダリングしません（または渡されます）

助言がありますか？

編集： 欠落しているIDの動作を修正しました-CollapsableControl.AssociatedControlIDをPanel.ClientIDに設定するだけです...しかし-パネルに<%%>を配置すると、レンダリングされませんか?? !!

TreeViewノードがバインドされているオブジェクトを介して、ノードの展開/折りたたみを制御する方法を見つけようとしています。オブジェクトにはプロパティがあり、それを使用して、そのプロパティに基づいてノード自体を展開または折りたたんIsExpandedで表示したいと考えています。TreeView

これが私のコードです：

C#:

XAML:

CSS でマージンを折りたたむ: http://www.w3.org/TR/CSS21/box.html#collapsing-margins

機能の目的は理解していますが、レイアウトをしようとしていて、それをオフにする方法がわかりません。

CSS チュートリアルで通常説明されている方法は、次のいずれかです。

1. 境界線を追加する
2. パディングを追加する

これらのすべてには、背景画像と固定パディングを使用したピクセル パーフェクトなレイアウトを扱う場合に明らかになる副作用があります。

余分なピクセルをレイアウトに押し込むことなく、単純に折りたたみを無効にする方法はありますか? このような動作を変更するためにドキュメントに視覚的な影響を与える必要があることは、私にとっては意味がありません。

PDFファイルのようなコントロールを作成したいです。PDFでは、左側のペインにブックマークや署名などのタブが画像として表示され、展開したり折りたたんだりすることができます。

WPFを初めて使用する場合は、いくつかのサンプルを参照し、タブコントロールを作成しました。今まで、私はタブヘッダーとして画像を使用してタブコントロールを実現しました。

しかし、タブアイテムにその折りたたみボタンを追加する方法がわかりません。また、各タブページには多くの画像ボタンとテキストボックスが含まれている必要があります。その方法がわかりません。また、タブコントロールを使用しているかどうかもわかりません。だから私を助けてください。私の主なことは、タブヘッダー以外のエントリを折りたたんで展開したいということです。

しかし、私はWPFでそれを行う方法を知りません。plsは私を助けます..そしてそのためのいくつかのサンプルを提供します。よろしくお願いします

ItemTemplate の DataTemplate を使用して ListBox に表示しているさまざまなコレクション プロパティを持つオブジェクトがいくつかあります。その DataTemplate 内には、ListBoxItem に表示される項目を表すルート TreeViewItem の TreeViewItem の子としてさまざまなプロパティを表示する TreeView があります。私の問題はこれです: ListBoxItems は、DataTemplate 内で完全に展開された TreeView の垂直サイズを持っています。ListBoxItems が可能な最小サイズになるようにこれを変更する方法はありますか?

私のXAML：