web-dev-qa-db-ja.com

階層データのデータ表示

さまざまなレベルで関連付けることができるエンティティのさまざまなコレクションがあり、その深さもさまざまです。

ツリービューを使用するのが最善の方法でしょうか？ツリービューを使用できない場合は、入れ子が明確になるようにUIを作成できます。

階層UIの良いサンプルはどこにありますか？

[〜＃〜]更新[〜＃〜]

私はもう少し詳しく述べようと思いました、そして私の特定の問題は何であるか/です。次のエンティティセットがあります（階層の最上位から最下位まで）。

  • キャリアの役割
  • キャリアの道
  • キャリアラーニングプログラム
  • 認定コレクション
  • ベンダー
  • 認定プログラム
  • 認定試験
  • 学習アセット
  • コース

このインスタンスのキャリアロールには、いくつかのキャリアパスが関連付けられています。これは、ロールが持つことができる唯一の関連付けです。ただし、キャリアパスは、その下の任意のエンティティに任意のレベルで関連付けることができます。たとえば、次のような構造にすることができます

データ階層のサンプル

「Career Path 1」というキャリアパスがあるとすると、次のシナリオが考えられます。

キャリアパス1->キャリアラーニングプログラム->認定プログラム->認定試験

キャリアパス1->認定プログラム->認定試験->学習資産->コース

キャリアパス1->コース

私の問題は、一貫性のある表示スタイルを作成する方法がわからなかったということでした。関係の低いデータに特定のスタイリングを適用すると、もちろん、そのスタイリングはいつでも適用されます。データ内の関係ではなく、現在のインデックスに表示されます。

hierarchydatatree
8
fr3dr1k8009

ツリービュー以外に、次のことを試すことができます。

パン粉： http://ui-patterns.com/patterns/Breadcrumbs

または、列ナビゲーションのようなMacを使用します（正しい名前は今のところ私をエスケープしています）

2
jonshariat

IPad/iPhoneのパラダイムに基づいて何かを試すこともできます。ナビゲーションスタックがオプションで左側に移動し、ソースリストが右側に移動します。それはうまくいくでしょうか？

2
nielsbot