web-dev-qa-db-ja.com

ユーザーがデータを階層に挿入できるようにする最もユーザーフレンドリーな方法は何ですか？

リージョンツリーを格納するために使用する階層データセットを作成しました。ユーザーがツリーに新しいノードを追加できるようにしたいのですが、次のいずれかを行わなくても、ユーザーが子を追加する親ノードを選択できるようにする非常にユーザーフレンドリーな方法を考えるのに苦労しています。

  • リスト全体をスクロールする
  • クリックして、必要なレベルが見つかるまでツリーのすべてのレベルを展開します（技術的にこのツリーの深さまでの制限はありません）。
  • ドロップダウン選択ボックスの不格好な組み合わせを使用して、適切な親ノードを選択します

これが私のデータのサンプルです。実際のデータには、世界中の場所に関する大量の情報が含まれます。

Earth
- North America
- - United States of America
- - - Alabama
- - - - Montgomery
- - - - Birmingham
- - - Alaska
- - - - Juneau
- - - - Anchorage
- - - Arizona
- - - - Phoenix
- - - Arkansas
- - - - Little Rock
- - - California
- - - - Sacramento
- - - - Los Angeles
- - - Colorado
- - - - Denver
- - - Connecticut
- - - - Hartford
- - - - Bridgeport
...
- - Canada
- - Mexico
- South America
- - Argentina
- - - Buenos Aires
- - Bolivia
- - - La Paz; Sucre
- - Brazil
- - - Brasilia
- - Chile
- - - Santiago
...

何か案は？

listshierarchytree
11
Brendon Dugan

階層が非常に大きい場合、設計上存在するため、不格好さを回避する方法はありません（大きなデータセットは扱いにくいです）。 ミラー列 下部に「追加」ボタンがある場合は、ここで最もエレガントなソリューションになります。レベルを明確に分離しているため、選択プロセスをシンプルにしながら、階層レベルをできるだけ多く持つことができます。したがって、相互作用は次のようになります。

enter image description here

スペースに制限がある場合（水平または垂直）、追加のノード（垂直）またはレベル（水平）に対応するために、それぞれのスクロールバーを追加できます。

13
dnbrv

代わりの方法を捨てるだけです-おそらく、インタラクティブなグラフィカルなアプローチを取ることができます-Googleマップのようなもの。

トップレベルでは、世界の地図が表示されます。大陸をクリックしてスナップズームしたり、カーソルの下のポイントまでスムーズに回したりできます。

したがって、北米でクリックすると、次のレベルのビューに北米のすべての国が表示され、カナダ、アメリカ、メキシコをクリックできます。

マウスの下のポイントにスクロールすると、大陸名がフェードアウトし、スクロールするとカナダ、アメリカ、メキシコがフェードインし、マウスを調整できますGoogleマップで行うのと同じように、ターゲットの上に位置し、ズームインし続けるだけです。

add国や都道府県などを追加する必要はなく、すでにそこに場所をすでに持っている可能性がありますが、その階層の下にすでにエントリがある場合は、それらを強調表示します、おそらくマーカーで既存のエントリを表示することによって（複数のマーカーを別のマーカーシンボルにクラスター化）。

したがって、エントリを追加したいレベルに達したら、ズームをやめるだけで、「新規追加」または「USAにアイテムを追加」をクリックし、マーカーを場所にドラッグし、詳細を入力してインスタントメタデータを作成します。

だから本当にかなり場所の追加（YouTube） Googleマップまたは Googleマップメーカー =次に...

2
Roger Attrill

不明なツリーの深さをサポートしていると考えることができる唯一の解決策は、ユーザーがジャンプできるようにする自動補完テキストボックスを試すか、テキストボックスの値と一致しないノードを除外することです。

したがって、たとえば、ユーザーがアラスカに新しいアイテムを追加したい場合、テキストボックスAlaskaに入力すると、表示されたツリーがフィルタリングされ、アラスカとその子ノードのみが表示されます。途中で、ユーザーがAlを入力すると、アラバマとアラスカが崩壊したことが表示されます。

0
Sean Lynch