web-dev-qa-db-ja.com

人気のあるサブアイテムのプレビューを含むツリービュー

地理的な階層があります:国->地域->サブ地域。

これを次のようなダイアログで表す必要があります。

  • 国1
    • 国1の上位5つの人気のあるリージョンまたはサブリージョンのプレビュー...
  • 国2
    • 国2の上位5つの人気のあるリージョンまたはサブリージョンをプレビュー...
  • ...

目的は、ユーザーにツリー全体を移動させることなく、最も人気のあるアイテムを表示することです。多くのユーザーにとって、親を知らないため、特定のサブリージョンを見つけるのは困難です。一部のサブリージョンは、親リージョンよりもはるかに人気があります。

例:

  • イタリア
    • 人気のあるサブアイテムのプレビュー:キャンティ(サブリージョン)、トスカーナ(リージョン)、バローロ(サブリージョン)、シチリア(リージョン)、ヴェネト(リージョン)
  • フランス
    • 人気のあるサブアイテムのプレビュー:ボルドー(地域)、シャブリ(地域)、ブルゴーニュ(地域)...

この表現は、80%のユーザーのニーズをカバーします。表示されている各項目はクリック可能です。国、地域、またはサブ地域をクリックすると、適切なフィルターが適用されます。ダイアログが閉じ、ユーザーには製品リストが表示されます。

別のシナリオ(残りのユーザーの20%の場合)-ユーザーは、すべての地域(および人気のあるサブ地域)を表示するために国レベルの内部に移動する必要があります。

問題は、これをシナリオに組み合わせて、より正確なツリー項目ORを選択して、より深いレベルに移動する方法を明確にする方法です。

その表現またはシナリオのパターンはありますか?任意のアイデアをいただければ幸いです。

7
Andre

最初のノードをトップ5とし、次にリージョンとサブリージョンの詳細を含む他のノードを含むツリービューはどうでしょうか。

https://jsfiddle.net/23nigam/qrmcdL29/

1
23nigam

多分あなたはこれを使うことができます: https://tympanus.net/Blueprints/MultiLevelMenu/

リージョンとサブリージョンを移動して、いつでもダイビングできます。トップリストを表示して、プロジェクトに意味がある場合は「もっと見る」を追加することもできます。

1
Mike Mark

ユーザーがクリックして地域/サブ地域を選択できる地図を表示することはできますか?検索テキストボックスを配置することもできます。ユーザーがサブリージョン名を入力すると、Googleマップと同じように、条件に一致するオプションがいくつか表示されます。

0
Heitor

階層データをレンダリングし、選択、キーボードナビゲーション、展開/折りたたみ、およびその他の機能を使用できるようにするために、実際の TreeViewコンポーネント を使用しないのはなぜですか。

enter image description here

0

プレビューリストで人気のあるアイテムを詳細...リンクで終了させることができます。 moreリンクをクリックすると、階層別にソートされた完全なリストが開きます。プレビューリストの項目はクリック可能でなければなりません

0
Andre Dickson

次のタイトルを使用してください:国、地域、および州(または適切なもの)。ユーザーがこれらのタイトルをクリックして、国、地域、または州の関連リストを表示できます。スペースはかかりますが、ツリー内を移動してツリー内で瞬時に選択する機能を提供する唯一の賢明な方法です。

0
Confused

はは、スタック交換はまさにこれを行います。実際、移動前のメニューにもよくある質問がありました。

それも今はうまくいきます enter image description here

人気のある/あなたのコミュニティを前もって、そして他の人を検索するための以下のオプションに注意してください。シンプルでエレガント。

0
Vijay