forms - 主干模型 View : Switch between editing (via form) and display

Question

使用 Backbone，我为模型创建了一个 View 。我想为用户提供以下工作流程:a) 最初，模型内容只是通过模板显示，并且有一个编辑按钮b) 如果用户单击编辑按钮，模型内容将以表格形式显示，并且可以通过单击保存按钮保存回模型。c1) 如果保存成功，我们将通过模板重新渲染新的模型内容并再次显示c2) 如果有任何验证错误，表单会更新错误。

我想出了以下关于如何实现它的选项。但是我不确定最佳实践。非常欢迎任何建议。

选项 1:2 个 subview (一个用于显示内容，一个用于编辑内容)在显示和编辑之间的任何切换时动态创建(然后删除)。

选项 2:2 个 subview (一个用于显示内容，一个用于编辑内容)在任何开关(如切换)上隐藏/取消隐藏

选项 3:在任何开关上分配给父元素的 2 个 subview (一个用于显示内容，一个用于编辑内容)。

选项 4:1 个 View 用于管理模型内容和 2 个模板(一个用于显示，一个用于编辑)在显示和编辑之间的任何切换时呈现。

根据我的直觉，我显然更喜欢选项 4，因为它只需要一个 View 即可处理所有逻辑。但也许我在性能、事件处理、DOM 访问等方面监督了一些事情。因此，我们非常感谢任何关于这 4 个选项的优缺点的硬性争论。你怎么看？

Answer 1

除了编辑按钮不是附加到整个模型，而是附加到可以“就地”编辑的单个属性之外，我一直在研究类似的东西。为此，我一直在使用 backbone-forms ，将要编辑的元素替换为 Backbone 表单，然后在提交表单后重新呈现它。这非常有效。

在您的情况下，由于您是一次编辑整个模型，因此实际上会更容易。当用户单击编辑按钮时，将 View 替换为主干表单，并在他们提交时重新呈现带有错误或成功消息的模型 View 。 Backbone 表单使得在表单上显示错误消息变得非常容易。