web-dev-qa-db-ja.com

階層的な入力と表示のデザイン

可能性のある複製:
深い階層を表示する最良の方法は何ですか?

私のアプリケーションでは、製品の階層を設計する必要があります。

つまり、親グループ、グループ、パーツ、サブパーツなど(追加、削除、編集)

単一のページでそれを行うための理想的な方法は何ですか? (ツリーが思い浮かびますが、垂直すぎて、私の主なユーザーはワイドスクリーンモニターを使用します。)

1
iamgopal

私の頭の上から考えることができる1つのオプションは、OS XのFinderで使用可能なビューオプションの1つと同様の列ベースのビューです。

Mac OS X Finder in Column View

3

答えは「依存する」ことであり、ドメイン固有である可能性があると思います。たとえば、トップレベルグループが少数で一定数しかない場合は、次のようなデザインを使用できます。

enter image description here

トップレベルのグループは、水平に配置することもできます。

3から4だけではなく、12から2の範囲内にある場合は、次のようなものを使用できます。

enter image description here

2
Hisham

ネストされた定義リストを使用して良い結果が得られました。

これらは、RichFacesのようなライブラリを使用して、スキンを簡単に生成できます。継承を使用してレベルをコーディングし、必要な間隔を確保できます(また、画面の幅全体にすることができます)。

パネルも簡単に追加できるため、さまざまなレベルで折りたたまれます。そのため、将来のリリースや拡張機能の途中でも、アイテムを簡単に追加できます。

膨大な量のデータを処理するときに非常に成功し、パワーユーザーエンジニアと小規模ユーザーの両方が満足しました。

1
Susan R