問題タブ [splitter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1536 参照

kendo-ui - 実行時に剣道スプリッターからペインを追加/削除する

他の残りのペインをリロードせずに、剣道スプリッターから新しいペインを追加/既存のペインを削除できるようにしたい。剣道スプリッターで可能ですか?

0 投票する
1 に答える
869 参照

knockout.js - 剣道スプリッターはゼロサイズで初期化します

ノックアウト剣道.jsで剣道スプリッターを使用しています。

ロード時に、スプリッターのすべてのサイズ パラメーターがゼロを示します。分割バーをクリックして初めて、適切なサイズが設定されます。

この問題に詳しい人はいますか?

0 投票する
3 に答える
7515 参照

winforms - SplitContainerControl のスプリッターをパーセント位置に配置する方法は?

SplitContainerControl のスプリッターをコントロール サイズのパーセント位置に配置する方法はありますか? そのコンテナーのサイズが変更されても保持されますか? それとも、パネルのサイズをパーセント値に設定しますか?

0 投票する
0 に答える
205 参照

wpf - 複数の WPF グリッドとスプリッターで最小サイズを維持する

特に最小高さの設定に関して、グリッド、スプリッター、およびエキスパンダーの配置を正しく機能させるのに問題があります。ここに投稿された多くの提案 (特にスプリッターとエキスパンダーの結合方法に関して) に従い、基本的なアーキテクチャーは機能していますが、最終的な詳細を正しく機能させることはできません。特にコードビハインドでブルートフォース作業を行う場合は、試行錯誤によって何かが機能すると確信していますが、WPFのサイズ変更がどのように機能するかについての基本的な原則がいくつかあると推測していますここにありません。

次の xaml は、実際の構造を簡略化したもので、わかりやすくするために色と境界線が追加されています。MinHeights を設定する試みを削除しました。(現在、分離コードはありません。)

ご覧のとおり、ウィンドウには 2 つの主要な領域があります。上部ペインにはツリーがあり、ツリー内の項目を選択すると、下部領域 (エキスパンダーに含まれる) に項目の詳細が表示されます。上部領域と下部領域の相対的なサイズを変更できるスプリッターがあります。詳細領域はさらに 2 つの部分に分かれています。最大サイズが固定されている詳細ペインと、拡大および縮小できる下部の詳細サブペインです。2 番目のスプリッターは、詳細ペインと詳細サブペインの相対的なサイズを制御します。

ウィンドウの下部には、ウィンドウ全体に適用されるコマンドであるボタンのセットを表すボタンもあります。詳細サブペインの下部には、詳細サブペインにのみ適用されるコマンドである一連のボタンを表すボタンがあります。

機能しないものは次のとおりです。

  1. 問題: 2 番目 (茶色) のスプリッターは、最初は上に移動できません。(詳細ペインは最大サイズであるため、下に移動できるとは想定されていません。) 灰色のスプリッターを少し移動する必要があります。その後、灰色のスプリッターを元の場所に戻しても、茶色のスプリッターは正常に機能します。だった。

  2. Tree の MinHeight は 75 である必要があります。問題: これをツリーの RowDefinition に配置すると、スライダーを 75 ピクセル マークを超えて上にドラッグすると、残りのコンテンツがウィンドウの端から滑り落ちます。(MinHeight がない場合、スプリッターがウィンドウの上部を越えてドラッグされると、このスライドが発生します。)

  3. 詳細ペインと詳細サブペインの MinHeight は 50 にする必要があります。問題: スプリッターのいずれかを下に移動すると、これらの領域が何もなくなる可能性があります。

  4. どちらのスプリッターも、「サブペインで何かを行う」ボタンの行に影響を与えるべきではありません。エキスパンダーが折りたたまれていない限り、常に完全に表示されている必要があります。問題: 繰り返しますが、いずれかのスプリッターを下に移動すると、この領域が何もなくなる可能性があります。

これが機能するものであり、すべての変更が行われた後も機能し続ける必要があります。

  1. 「Expand/Collapse Details」エキスパンダーが折りたたまれると、「Do something with whole window」ボタン行以外のすべてが折りたたまれます。ツリーは残りのスペースをすべて占有します。

  2. 詳細ペインは固定サイズ (150 ピクセル) です。それよりも大きくすることはできません。それよりも小さいスペースを指定すると、150 ピクセル全体が静止して見えるようにスクロールバーが大きくなります。

これを機能させるには、(xaml またはコード ビハインドで) どのような変更を行う必要がありますか?