java - 如何使用主干木偶 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

您需要使用集合视图（请参阅https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.collectionview.md）。这将为集合中的每个模型实例显示相同的视图（称为项目视图）。

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

多亏了 Marionette 的魔力，添加一行仅仅意味着将一个新模型添加到集合中，或者直接：

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

或通过添加现有模型：

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

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

在我关于 Marionette 的书的免费示例中更详细地解释了使用模型和集合视图。

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