web-dev-qa-db-ja.com

データテーブル:インライン編集-他のアクションで保存/キャンセルしますか?

データテーブルで作業しており、各行は編集可能です。

Editable data table

更新またはキャンセルをクリックするとどうなりますか?

データは非常に重要なので、データを自動的に保存しないでください(変更はそれほど頻繁には行われません)。

a)編集可能な行の外側をクリックするたびに確認ダイアログを表示しますか? b)行が見えなくなるすべてのアクションで確認ダイアログを表示しますか? c)変更を自動的に破棄します(ユーザーが保存を期待している可能性があるため、変更しないでください)d)...?

2
Gustav

ユーザーがページを離れない限り、ダイアログを使用しないでください。

入力を決定しながらスクロールしたい場合があります。アクティブな行をビューの外にスクロールするとダイアログが表示され、比較している他のアイテムのビューがブロックされます。

表形式データの利点の1つは、並べ替えと比較です。これにより、現在の行を並べ替えて、他のアイテムを判断することができます。これは(あなたの場合)支払期日になる可能性があります。

編集を開始して、表の他の項目に基づいて金額を調整する必要があることに気付く場合があります。リストを自由にスクロールし、現在編集中の行にスクロールして最終的な値を入力できると思います。

この特定のテーブルにどの程度の並べ替えと比較が適用されるのかはわかりませんが、これにより、アプリの他の領域のパターンが設定され、これが役立ちます。

ユーザーが気付かない場合(最初にテストしてください!)、ステータスのインジケーターを適用します。

1つの代替方法は、テーブルに表示されている行と表示されていない行があることを示す小さなラベルを追加することですが、それは編集状態です。行が多い場合は、編集可能なアイテムまでスクロールする「表示」リンクを使用することもできます。

私の言語はおそらく最適ではないかもしれません(たぶん「未保存の変更」の方が良いでしょう)。リストをスクロールしながら状態を編集します。

enter image description here

一度に1つの編集のみを適用する必要がある場合

繰り返しますが、私のテキストは最適ではありませんが、無効な編集ボタンを表示して、複数の編集を同時に行うことはできないことをユーザーに説明することができます。

enter image description here

2
Mike M