web-dev-qa-db-ja.com

ネストされた子要素を持つ4つの状態を操作/表示できるチェックボックス

私はトライステートチェックボックスについての説明を読みましたが、それらについても物議を醸しています-私たちのソフトウェアにはさらに複雑な問題があります。 4つのオプションが必要ですが、これを論理的に行うための最良の方法がわかりません。私は、子が選択されていなければ親を選択可能にすべきではないことを何度も繰り返し読みました。私たちにとって、これは当てはまりません。以下の階層の例。ユーザーは、親または子のいずれかのメンバーである可能性がありますが、両方ではありません。私たちはする方法が必要です

A)チェックボックスを簡単に選択して、これらのシナリオのいずれかのユーザーをフィルタリングおよび検索します。

B)ツリーを展開せずに、さまざまなアイテムが選択されていることをユーザーに視覚的に示す方法があります。

1)親ALONE(子組織のメンバーではない可能性があるため)
2)子ALONE(子組織にいるからといって、親組織のメンバーであることを意味するわけではなく、単に組織が親組織に報告するだけです)
3)すべての子供(親なし-最大20人の子供がいる可能性があるため、それぞれを個別に選択するには時間がかかりすぎます)
4)ALL-親と子

この問題は何度も発生します。トライステートチェックボックスオプションを使用しても、これらのオプションを簡単に切り替える方法はありません。どんなにランダムでもどんなアイデアでも歓迎します!私たちはシステム内のすべての項目についてお客様を具体的にトレーニングします。そのため、直感的ではない場合でも、この場合の時間節約機能は追加のトレーニングよりも重要です!!!

ありがとうございました!

sample hierarchy

1
Michele

3の場合、必要なのは、「その他」または「未指定」と呼ばれる別のオプションです。残りは選択されている間、チェックを外したままにします。それらが理にかなっている場合、いくつかの追加オプションを追加しても害はありません。すべての中核として、ツリー構造はユーザーにとって明確である必要があります。

4番目の状態を含めることは、誰もそれを期待しないので、絶対にお勧めできません。独自の問題を抱えるのに慣れる必要のある新しいパターンを紹介します-主に低使用。

データはニーズに合わせて変更できると思います。例えば ​​-


[x]親

  • 親-一般(または未指定)
1
Ren

独立したコントロールとして子を選択してみてください。ただし、親レベルでステータスを表示してください。

制約が明確かどうかはわかりませんが、チェックボックスコントロールの既知の規則をいじることなく、説明ラベルを使用して、子の選択を別のコントロールと見なすことができます。

これらの親オブジェクトはリストに表示されていますか?私は周囲の状況と制約について少し不明確です。

チップは、スペースの制約が厳しい子選択ステータスを示すことができます。

スペースの制約に関するコメントから、情報を小さな材料スタイルチップにまとめることができますか?

enter image description here

また、チップ上のホバーの詳細を提供して、選択した合計金額を示し、チップをクリックすると、左側のシェブロンだけでなく子リストも展開できます。

0
Mike M

@マイクM-

これが私の脳にあるものです

Here is what I have in my brain - lol

0
Michele