読み取り専用ビューと編集ビューを切り替えるバックボーン js のパターンを探しています。ビューのトリガーがビューの外部にある場合、適切なビュー ( readonly または edit ) を作成してレンダリングできますが、私の場合、編集ビューのトリガーは読み取り専用ビュー内にあります。
たとえば、処方箋を表示していて、デフォルトでは読み取り専用モードで、ホバリングすると編集アイコンが表示されるとします。この編集アイコンをクリックすると、読み取り専用ビューが編集ビューに置き換えられます。これを達成するための最良のアプローチは何でしょうか。以下は私が検討しているいくつかのオプションです
- 編集アイコンと編集モードに必要なすべてのフォーム フィールドを含む単一の PrescriptionView を用意します。また、編集トリガーに基づいてビューを読み取り専用モードから編集モードに変更するロジックも含まれます。
- PrescriptionReadView と PrescriptionEditView の 2 つのビューがあります。ReadView には編集アイコンがあり、クリックすると readview が editview に置き換えられます。
私は#2に傾倒していますが、エレガントな方法で実装する方法がわかりません。これについての考えは役に立ちます。
ありがとうザファー