在骨干js中只读视图和编辑视图之间切换

Question

我正在寻找骨干js中的模式以在只读和编辑视图之间切换。如果视图的触发器是视图外部的，那么没有问题，我可以创建适当的视图（只读或编辑）并呈现它，但在我的情况下，编辑视图的触发器将位于只读视图内。

例如让我说我正在显示处方，默认情况下它处于只读模式，悬停时显示编辑图标。点击这个编辑图标，只读视图现在应该被编辑视图取代。什么是实现这一目标的最佳途径。以下是我正在考虑的几个选项

1. 只有一个PrescriptionView带有编辑图标和编辑模式所需的所有表单字段。它还具有逻辑，可以将视图从只读模式更改为基于编辑触发器的编辑模式。
2. 有两个视图PrescriptionReadView和PrescriptionEditView。 ReadView将具有编辑图标，并通过onclick将editview替换为readview。

我倾向于＃2，但不知道如何以优雅的方式实现它。对此有任何想法都会有所帮助。

感谢 扎菲尔

Answer 1

你的生活会相当痛苦少，如果你从你的编辑视图分开你漂亮的看法，因为他们是，所有意图和目的，二不同看法相同的数据，具有不同的事件处理需求和不同的行为。所以，导致你进入＃2的直觉是对钱。

我能想到的最简洁的实现是创建一个可以处理模式交换事件的容器视图（比如PrescriptionView）。该容器将拥有对当前处于活动状态的处方视图的引用，并将处理该视图的创建以及非活动视图的清理（移除和解除绑定）。这使得所有这些逻辑都很好且独立。