木偶视图结构

时间:2014-03-18 06:40:26

标签: backbone.js marionette

我必须创建一个包含两个部分的页面。一个显示步骤信息和其他步骤的内容。在第一部分通过流动即步骤部分保持相同的情况下。第二部分应包含步骤的内容。

在第一步中,它应该显示网格,一旦选择了行,然后单击它,它将显示第二步的内容,最后在第二步中显示第三步内容。

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

我将页面划分为两个区域,一个用于步骤,另一个用于内容。为3个步骤的内容创建了3个itemViews。我正在分配给内容部分。请告诉我当我前进和后退时如何传递和保留数据。

1 个答案:

答案 0 :(得分:0)

Marionette非常适合将视图与持久化数据的模型联系起来。只要您的每个视图都可以访问模型实例,您就可以在每个步骤中查看当前的模型状态。

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