2009-06-11 10 views
4

100以上のオプションを含む 'many'側に値のマッピングを1対多に記録するアプリケーションがあります。 ctrl +クリックがこのユーザーコミュニティにとって少し脆弱であるため、単純な選択リストは機能しません。これはASP.NETで行われるため、この目的のための既存のコントロールへのポインタは非常に高く評価されます。大きい(100+)リストから複数選択のための良い(ウェブ)UIパターンを探す

二つの主な候補は以下のとおりです。

  • は、チェックリストをスクロール - 目に見える約10のオプションを保持し、ユーザが上下にスクロール、彼らが選択したリストの対利用可能

  • をしたいオプションをチェックしてみましょう - 隣接する2つのリスト、左側に使用可能なオプション、右側に選択されたオプション、項目を前後に移動するためのボタンがあります。 (これのASPコントロールは何ですか?)

他にも何か考えがありますか?

ありがとうございます!

答えて

1

提案ボックスについては、入力を開始できるように、入力内容によっては可能なオプションが表示されますか?

タグクラウドにリスト全体を表示できるので、希望する場合はタグを選ぶことができ、候補ボックスは選択したものの自動入力されます。

提案ボックスが有効でない場合は、タグクラウドと無効になっているテキストボックス(またはその他の編集不可能なテキストフィールド、ラベルなど)を使ってタグクラウドから選択したオプションを表示します。

これにより、従来のリストと比較して、垂直方向のスペースを大幅に節約することができます。

0

質問を読んだ後、選択したアイテムを追加したり削除したりするためのボタンが付いた2つのリストボックスがあります。

1対多のオプションが多くのサブレベルに深く入る場合、ASP.NET TreeViewコントロールはどうですか?ツリービュー内の各リーフノードのチェックボックスを追加できます。チェックボックスをオンにすると、すべての子ノードが選択されます。

0

100以上のリスト(100000以上が可能)を指定すると、指定したアイテムをsuggestion-boxで見つけるのが難しくなります。私はそれを試して、ユーザーは混乱しました。リストには10​​0以上のアイテムが含まれており、アイテムを選択して選択するための正確な結果を得るためのフィルタが必要です。

私はフィルタと選択した項目と追加/削除オプションでボックスがこのシナリオに最適なグリッドと思います。

しかし

私はまだこのためのうまいUIデザインを探しています。

関連する問題