Alternar entre la vista de solo lectura y edición en la columna vertebral js

Question

Estoy buscando un patrón en Backbone js para alternar entre lectura y edición. Si el activador de la vista es externo a la vista, entonces no hay problema. Puedo crear la vista apropiada (solo lectura o edición) y renderizarla, pero en mi caso el activador de la vista de edición estará dentro de la vista de solo lectura.

Por ejemplo, digamos que estoy mostrando una receta y de forma predeterminada está en modo de solo lectura y al pasar el puntero se muestra un icono de edición. Al hacer clic en este ícono de edición, la vista de solo lectura ahora debe reemplazarse con la vista de edición. ¿Cuál sería el mejor enfoque para lograr esto? A continuación hay algunas opciones que estoy considerando

1. Tenga un solo PrescriptionView con el icono de edición y todos los campos de formulario necesarios para el modo de edición en el mismo. También tendrá la lógica de cambiar la vista del modo de solo lectura al modo de edición basado en el desencadenador de edición.
2. Tiene dos vistas PrescriptionReadView y PrescriptionEditView. El ReadView tendrá el icono de edición y onclick reemplazará la vista de lectura con editview.

Me inclino hacia el n. ° 2 pero no estoy seguro de cómo implementarlo de una manera elegante. Cualquier idea sobre esto será útil.

Gracias Zafer

Answer 1

su vida será mucho menos doloroso, si se separa de su bonita vista desde el punto de vista de edición, ya que son, para todos los intentos y propósitos, dos distintas vistas de los mismos datos, con diferentes necesidades de manejo de eventos y comportamiento diferente. Entonces, sus instintos que lo conducen hacia el n. ° 2 son directamente en el dinero.

La implementación más limpia que puedo pensar es hacer una vista de contenedor (por ejemplo, PrescriptionView) que pueda manejar los eventos de intercambio de modo. El contenedor tendrá una referencia a la vista de prescripción actualmente activa, y se encargará de la creación de esa vista y de la limpieza (eliminación y desvinculación) de la vista inactiva. Eso mantiene toda esa lógica agradable y autónoma.