Backbone -如何在主视图元素中显示div中的集合，如何构建页面？

Question

我想设计一个简单的页面。抽认卡列表。

在这里，我有一个类别的列表在左侧和右侧的抽认卡为选定的类别。上面我有2种形式:添加类别和添加闪存卡。

问题是，我有主视图#抽认卡，其中我拥有一切。

(1)如何在一些内部div中显示flashcard集合。(2)也许我不应该在一个“主视图”中拥有所有的东西？你将如何构建这样的屏幕，以便所有的屏幕都能协同工作？

Answer 1

正如您所说，将所有逻辑放在一个视图中不是实现页面的正确方法。

通常，当你使用Backbone进行设计，并开始创建所有需要的元素时，你最终会得到比你预期的更多的类。

在您的示例中，我将建议：

card

• Cards集合的
• Card模型，为页面中的每个卡片存储page
• CardView One View中的所有卡片。它将通过其卡来监听用户事件，如click、remove等，它会引用该卡的集合，并负责按集合中的每个元素执行render one CardView。还将侦听集合中的更改，以查看是否必须呈现新的card.
• CategorySearchView侦听类别搜索表单中的事件，根据类别查询获取新卡片。或者向Cards集合发送指令以将属性更改为模型，以便可以显示这些属性；或者hidden.
• CategoryCreateView监听卡片创建表单中的事件，创建新的卡片模型将它们发送到服务器，并将它们添加到Cards collection.
• AppView a main View以管理它们的所有规则