ロングチェックリストuiパターンfor web

Question

私はユーザーが必要なデータ入力ページを持っていますので、リストからいくつかの選択をしてください。現在のところ、約10項目のチェックリストになっていますが、すぐに約230点に拡大します。多数の選択可能な項目を扱うための優れたUIパラダイムは何ですか？私はデュアルリスト型の制御を検討しています。

Answer 1

デュアルリスト、しかし、非グループ化可能要素の大＃のために：

• 複数の要素（！当たり前）
• を選択する能力を持っている必要がありクリックするだけで、すべての要素を選択する能力を持っているべきである
• は（どちらのリストに）検索する能力を持っている、とも一致するすべての要素

を選択し、リストは（1K +）本当に大きなされている場合は、遅いレンダリングとのトラブルに遭遇することがありすべきです。もしそうなら、あなたはまた、リストを「改ページすることもできます。最初のN個の要素のみを表示し、それらからの選択を許可し、次のN個の要素に「フレーム」をシフトする機能を提供します。

（以上、BTWは、グループ化できなかった30,000の値を持つ選択リストを必要とするエンタープライズウェブアプリで実装したソリューションの実際の属性です）。

Answer 2

アイテムはどのようにグループ化されていますか？その場合は、折りたたみ可能なツリー型のナビゲーションが便利です。

Answer 3

実際には状況や使用しているスペースによって異なりますが、ほとんどの場合、デュアルリストコントロール、つまりリストビルダーが好きです。

ここでインスピレーションのための素晴らしいリンク（Silverlightを必要とする）です：http://good.ly/qh7aeg8

Answer 4

はここだけで、HTMLとJavascriptを使用してアクセス可能な方法です：

1. 論理グループにチャンクにそれらをHTML fieldsetタグを使用しますが、
2. JQueryを使って各グループを表示/非表示にします。
3. 各グループにジャンプするには、上部にナビゲーションを追加します。

最初にすべてのグループを非表示にすると、完了したいグループのリンクをクリックすることができます。さらに、ロールオーバー（アクセシビリティのためのリンク上のツールチップtitle属性）だけを各グループの説明とともに追加すると、ユーザーはそのグループにアクセスする前に「プレビュー」を表示します。

最後に、ラベルが十分に短い場合は、fieldsetsに幅を与え、CSS floatまたはabsoluteを使用して列にします。

有効な（X）HTML、CSS、およびJavascriptを使用してください。これには多くの前例があります。

Answer 5

チェック：http://quince.infragistics.com/Patterns/Multiple%20Selection%20from%20a%20Large%20List.aspx