java - 如何使用 backbone marionette js 获取网格

Question

请帮助我使用 backbone.marionnette.js

实现以下网格

1. a link to add new row
2. row will have text boxes where the data can be entered.

因为我是 backbone.marionette.js 的新手，我什至不知道该做什么以及从哪里开始

Answer 1

您需要使用 Collection View (参见 https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.collectionview.md )。这将为集合中的每个模型实例显示相同的 View (称为项 View )。

然后，您的项目 View 需要有一个包含文本框的匹配模板。

感谢 Marionette 的魔法，添加一行意味着向集合中添加一个新模型，或者直接:

myCollection.create({ name: "foo" });

或通过添加现有模型:

var m = new MyModel({ name: "foo" });
myCollection.add(m);

因此您的“添加新行的链接”将简单地创建一个新模型并将其添加到集合中。

使用模型和 Collection View 在 free sample 中有更详细的解释。到我的book on Marionette .

由于您是 Marionette 的新手，您还可以通过阅读我关于该主题的博文了解更多信息:http://davidsulc.com/blog/category/backbone-js/backbone-marionette/