web-dev-qa-db-ja.com

同じ構造を共有するタイプの繰り返しツリー階層を削除するにはどうすればよいですか?

以下は、同じツリー構造を含む3つのカテゴリがあるモーダルです。

これらの3つの構造を1つに統合または簡略化する方法、またはツリーを何度も繰り返す必要がないようにこれを再構築する方法はありますか?

enter image description here

3
user115622

これは、ツリーを3回繰り返さないという正しい決定です。したがって、タスクは次のように設定できます。

ツリー構造の各ノードで3つのタイプ(A、B、C)を選択できるようにするにはどうすればよいですか?

各ノードがサブツリーを表すことができると仮定すると、トグルボタングループをこの目的で使用して、次の状態を定義できます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

次のようなレイアウトになります。

mockup

bmmlソースをダウンロード

そして、これは、すべての最上位ノードが折りたたまれている場合のために:

mockup

bmmlソースをダウンロード

リーフノード(子を持たないノード)を第2の状態(一部の子を選択)にすることはできないことに注意してください。ユーザーはそれを選択および選択解除できるだけですが、そのような状態はその親ノードに対して自動的に解決されます。

2
Pavel

あなたのスケッチはチェックボックスを示しています-ユーザーは以下の2つのカテゴリと位置を確認できますか、それとも不可能ですか?

今のところ、私はそのようなことをします: version 1

またはこのようなもの

version 2

選択したプランに応じて、含まれる機能または含まれない機能を説明する表と同様の表を使用できます。

enter image description here

あなたのテーブルはずっと単純になるでしょう。列はタイプA、B、Cで、行はビジネスサービス、消費財などです。

タブを切り替えたり、ドロップダウンメニューを変更したりするのではなく、3つのタイプすべてに対して1つのカテゴリのみを希望するユーザーが、3つのボックスを隣り合わせにチェックする方が簡単だと思います。

また、サブフォルダを開かなくても、各タイプにどのカテゴリが含まれるかについても概要を説明します。

0
celinelenoble