web-dev-qa-db-ja.com

階層型マルチステートツリーチェックボックスの選択

チェックボックスツリーで複数の状態の選択を処理するための優れた/代替ソリューションを探しています。通常のチェックボックスツリーは3つの異なる状態を持っているため、ほとんどの場合実行可能です。

mock up showing root folder, secondary folders with tri-state check boxes, and files with bi-state check boxes

それは最善の解決策ではないかもしれませんが、ほとんどのユーザーはそれを使用する方法を知っています。私の最大の問題は、親ノード自体が選択可能なアイテムである場合はどうなりますか?ツリーは、世界の地域をノード、国を葉とする会社のサイト構造であると想定します。顧客は世界の地域を選択でき、国も選択できる必要があります。選択したすべてのアイテムは、後でレポートに表示されます。

このようなものはどのように見えますか?

two mock ups showing root folder, secondary folders with two bi-state check boxes or color icons, and files with bi-state check boxes

ダブルチェックボックスまたはカラーインジケーターでノードを表示することには意味がありますか?それともミラーカラムのようなものを使用しているのでしょうか?

miller column

誰かが以前に見たこの問題の解決策を持っているか、もっと賢い解決策を提案していますか?

25
Timo

ちょうど考えるための食べ物と同じように-そして、これがあなたの状況に合うかどうかはわかりませんが、あなたは問題へのまったく異なるアプローチを検討してみるかもしれません。これは、ユーザーが世界の地域と国を選択できるようにするためだとおっしゃっていました。以下のモックアップのような、より意味のあるデータをユーザーが操作できるようにするのはどうですか。

ユーザーは、マップ上の6つまたは7つの地域のいずれかを選択するだけで、その地域のチェックボックスと、その地域の実際の国の一部またはすべてを個別に、またはすべて選択/すべて選択しないのいずれかを使用して選択できますボタン。

enter image description here

7
Roger Attrill

親ノードが選択可能な場合に、親ノードをリーフと親に分割することも、おそらく解決策になるでしょう。しかし、これは大きな木では本当に素敵に見えません。

enter image description here

4
Stefan Gehrig

私は現在非常によく似た問題を抱えていますが、ミラーカラムについて考えると、サブレベルのアイテムの総数に対する選択されたアイテムの数を示すことが頭に浮かびます。

enter image description here

次に、完全に選択されたフォルダのフォントの太さ/色のバリエーションは、「完全に選択された」状態をすばやく視覚化するのに役立ちます。

  • フォルダー1-2/15
  • フォルダー2-10/1

多分あなたはここにいくつかのインスピレーションを見つけることができます!

1
Alex Fernandez

この場合、ユーザーがスタンドアロンアイテムとして選択できるように、リストの最初のアイテムとして親ノードを追加します。

enter image description here

0
Ami Rotter

別のアプローチは、「すべて選択」動作または「囲んでいるエンティティのみを選択」オプションを追加のラインアイテムに分割することです。

私たちはこのような問題に取り組みました。各最上位カテゴリーは、要約のみの治療、選択された個々のサブカテゴリー、または選択されたすべてのサブカテゴリーに対して選択できます。

category selector

このようにして、(たとえば)250のサブカテゴリを持つカテゴリは、レポートを圧倒する必要はありませんが、レポートを生成する人は特定のサブカテゴリを引き出して強調表示できます。

0
Erics

行の最後にチェックボックスを配置することを検討してください。その場合、ツリーは1つまたは2つよりも多くのネストされたアイテムに使用できます。これは非常に重要な側面であると思います。たとえば、フラグ(チェックボックス)が付いたこのブレンドナビゲーターをアイテム行の終わり。 http://help.syncfusion.com/ug_84/User%20Interface/WPF/Tools/ImagesExt/image37_423.jpg グループ全体の切り替えもそこで解決されます。

0
Peter Zalman

ツリーメニューで、フォルダー(アフリカなど)の状態をチェックしても、その中のすべてのアイテム(国)を選択することにはならないため、何か問題があり、アーキテクチャを再検討する必要があります。たぶん、ツリーの代わりに、ハイライトされたタイトルでリストを作る...

@usercoffee
フォルダ自体が選択できない場合は、トライステートチェックボックスが適切に機能します。

tri-state checkbox

[編集]
ホバーに「すべて選択」ボタンを表示します。

enter image description here

0
Dmitry Semenov