backbone.js - 如何在 mustache 上使用Backbone.Marionette.ItemView

Question

以下代码可以使用Backbone.Marionette.ItemView正常运行，但不能使用Mustache正常运行。

Backbone.Marionette.ItemView - no Mustache

我想使用相同的代码，但是使用Mustache加载模板变量。

这是我的代码:

Backbone.Marionette.ItemView - with Mustache

知道my code为什么不起作用以及为什么吗？

谢谢

Answer 1

Marionette 默认情况下假定使用UnderscoreJS模板。仅仅为 View 替换template配置是不够的。您还需要替换渲染过程的工作方式。

在您的简单示例中，您只需要重写Marionette.Renderer.render函数来调用Mustache，然后将 View 的template设置为所需的字符串模板:

Backbone.Marionette.Renderer.render = function(template, data){
  return Mustache.to_html(template, data);
}

var rowTemplate = '{{ username }}{{ fullname }}';

// A Grid Row
var GridRow = Backbone.Marionette.ItemView.extend({
    template: rowTemplate,
    tagName: "tr"
});

请注意，即使将代码放在适当的位置，您的JSFiddle仍然无法工作，因为 GridView仍使用jQuery选择器/字符串作为 template属性。您需要将其替换为相同类型的 template函数以返回 mustache 。

http://jsfiddle.net/derickbailey/d7qDz/