web-dev-qa-db-ja.com

挿入/更新/削除操作のための単一の「編集」リンクまたは2つの「編集」および「追加」リンク

私はドロップダウンリストを持っており、ユーザーは選択したオプションを削除して編集したり、フォームのポップアップを表示するハイパーリンクをクリックして新しいオプションを追加したりできます。

これらすべての操作には「編集」リンクで十分ですか、それとも「追加」リンクも追加しますか? 「編集」リンクがほとんどのユーザーに新しいエントリを追加する機能を示唆しているかどうかわからないので、これを尋ねます。 (このUIパーツは、リスト上でこれらの操作を行う唯一の場所です。)

3
Tony_Henrich

編集と追加は2つの異なる概念であるため、はい、それぞれを独自の操作として扱います

1
spunkypixels

リストに項目を「追加」することは、通常、よりグローバルなアクションです(テーブル全体または使用されているデータ表示に影響します)。

「編集」と「削除」は通常、単一のエントリに対して実行されることを意図したローカルアクションです。

1
rsb

リスト内の各行にEDIT + DELETE(場合によってはDETAILSの場合もある)アクションが関連付けられていることは理にかなっており、ユーザーが個々のラインアイテムに対して実行できるアクションが明確になります。

ただし、[新規追加]アクションは常にリストの一番上にある必要があります(できれば右上隅に、プラス記号などの説明アイコンが横に表示されています)。

こちらのデータテーブルのページをご覧ください- http://editor.datatables.net/release/DataTables/extras/Editor/examples/inlineControls.html

以下のスクリーンショットからわかるように、アクションアイテムは、ユーザーが操作するのに意味のある適切な場所に配置されています。

そして、ユーザーがボタン/リンク(編集または新規追加)をクリックすると、モーダルポップアップは、フォームを表示してユーザー入力をキャプチャするいくつかの方法の1つです。新しいエンティティを追加する場合、フィールドは空になるか、エンティティの編集時に既存の値が入力されます。

レコードを保存する送信ボタンは、更新アクションと追加アクションの両方に共通にする場合、「SAVE」という名前を付けることができます。または、より具体的にしたい場合は、新しいレコードの場合は「ADD」、既存のレコードの場合は「UPDATE」と呼ぶことができます。

enter image description here

0
Girish