web-dev-qa-db-ja.com

ページ間でグリッドの行を選択する最良の方法は?

ページ間でグリッドの行を選択する最良の方法は?複数のページにまたがるデータグリッドがあります。これは、Webベースのアプリケーションの中核となる部分です。

シナリオ1:チェックボックスは選択を示します。

ユースケース1:ユーザーは、グリッドの下のコンテキストメニューまたはメニューを使用して、行を選択/強調表示して、(モーダルウィンドウがユーザー入力用にポップアップする)アクションを実行できます。

使用例2:ユーザーは、複数のページにわたる選択を可能にするためのチェックボックスも持っています。ユーザーが一連の行を強調表示してアクションを選択すると、強調表示された行のチェックボックスが自動的にオンになります。

上記の両方のシナリオで、チェックボックスは選択を示します。

シナリオ2:強調表示された行は選択を示します。

ユーザーケース3:ユーザーは、ドロップされた行をドロップボックスにドラッグしてアクションを実行することもできます(モーダルウィンドウのポップアップなし)。

このシナリオでは、強調表示された行が選択を示します。

新しい使用例

使用例4:最近、これら2つのシナリオを組み合わせ始めました。ユーザーは、選択した行をドロップボックスにドラッグアンドドロップできます。今回は、アクションを実行する前にユーザー入力を求めるモーダルウィンドウをポップアップします(ユースケース1、ユースケース2と同じアクション)。

今回は、強調表示された行が選択を示しています。


ご覧のとおり、控えめに言っても混乱します。

製品を簡略化するために、チェックボックスをすべて一緒に削除したいと考えています。しかし、複数のページにわたって行を選択するにはどうすればよいでしょうか。

1つの提案は、ユーザーが行をドロップして一時的にバケットにアクションを実行できるようにすることです。

より良いUXは何だと思いますか?これは古き良きチェックボックスではなく、どこでもよりよく実装されているのを見ましたか?

enter image description here

7
chinto

これは、オンラインで食料品を買うようなものではありませんか? (または、ウィッシュリストやウェディングリスト、またはあなたがそれと思って満足している類似のもの)。

オンラインショッピングをするとき、複数のページにアクセスします-バスケットに追加するものをいくつか選択し、必要なものがすべて揃ったら、Checkout [またはCheck out)というボタンをクリックしますラフルが何か言う前に:-)]

行を「バスケット」に追加するメカニズムを追加し、アクションをCheckoutボタンの代わりに使用します。これは、ほとんど同じシナリオですが、異なるアプリケーションです。

「バスケット」に行を追加するメカニズムは、以下で構成されます。

  • 1つ以上の行を選択/強調表示-「追加」アイコン/ボタンをクリックします。
  • 1つ以上の行を選択/強調表示-ドラッグしてドロップ領域(バスケット)。

追加された行を何らかの方法でマークして、簡単なフィードバックを提供し(これはチェックボックスに相当します)、同じ理由で 'バスケット'内のアイテムの数も示します。

選択したアクションを適用する前に、アプリケーションは「バスケットの表示」と同等のメリットを享受できるでしょう。

別のページからアイテムを追加したリストまたはバスケットの概念がないと、複数のページを処理することは非常に困難です。

3
Roger Attrill

答えをExcelで描画できますか?つまり、行の左端にあるボタンはそのページのその行を選択し、その左にあるボタンはすべてのページのその行を選択しますか?

0
Peter

Webアプリケーションの場合はそうでしょうが、とにかく Silverlight Toolkit を見てみると、それに取り組む方法についてのアイデアを得ることができます。データ>データグリッドの章で、デスクトップアプリケーションで使用される典型的な種類のグリッドを見ることができます。

詳細なデータを表示するために、DetailedRowと呼ばれるパターンがあります。これは、そのエレガントさで気に入っています。そして、あなたは行を修正/フロストすることができます(Excelからもこれを知っているかもしれません)。ページ全体で選択した行をフロストすることについてどう思いますか?セルを2回クリックしてデータを編集する。そして、いくつかのもの。検討する価値がありますか?

0
FrankL