木偶视图结构

Question

我必须创建一个包含两个部分的页面。一个显示步骤信息和其他步骤的内容。第一部分在整个流程中保持不变，即步骤部分。第二部分应包含步骤的内容。

在第一步中它应该显示网格，一旦选择了行并单击下一步，它应该显示第二步的内容，最后在第二步的下一次单击时显示第三步的内容。

当我来回移动时，内容部分的数据应该被传送到其他视图，并且当我回到上一步时应该保留选定的数据。

我将页面分为两个区域，一个用于步骤，另一个用于内容。为 3 个步骤的内容创建了 3 个 itemView。我分配给内容部分。请让我知道当我前进和后退时如何传递和保留数据。

Answer 1

Marionette 的工作原理非常好，因为视图与模型相关联以用于持久化数据。只要您的每个视图都可以访问模型实例，您就可以在每个步骤中查看当前模型状态。

如果您还需要根据用户在每个步骤中输入的信息来更新第一部分，您应该查看Model Binder，它允许您将模型的任何属性绑定到任何 jQuery 选择器以自动更新根据属性值显示。