Backbone和dot.js

Question

我对backbone和dot.js都是新手。我需要帮助将外部dot.js文件集成到我的骨干文件中。

我的主干文件看起来像这样

 success :function() {

    SearchView = Backbone.View.extend({
      template: doT.template(dotView(id,fullurl)),

      initialize: function() {
            _.bindAll(this);
            this.render();
      },

      render: function() {      
        this.$el.html(this.template({data: data.entries}));
      }         
    });

    var search_view = new SearchView({ el: $("#search_container") });       

  }

在"dot.Template“中，我调用了dot.js文件中的dotView。这个方法工作得很好，但我想使用ajax来实现它。

我的dot.js文件如下所示

function dotView(id,fullurl){
    temp = "{{~ it.data :value }}{{ if (check('{{=value.guid}}') == true) { }}<p>{{= value.title}}</p><p>{{= value.author}}</p><p>{{= value.description}}</p>";
    temp = temp + "{{~ it.data :value }}{{~ value.media$content :video}} {{ if (bitrate('{{= video.plfile$bitrate}}') == true) { }} {{ trigger_video(video.plfile$url); }} {{ } }} {{~}}{{~}}{{ } }}{{~}}";
    temp = temp + "<br/><div><b>See More:</b></div>{{~ it.data :value }}{{ if (check('{{=value.guid}}') != true) { }}{{~ value.media$thumbnails :photo}} {{ if (compare('{{=photo.plfile$width}}') == true) { }}<a href='details.html?id={{=value.guid}}&feed={{=fullurl}}'><img src='{{=photo.plfile$url}}' width='80' height='60'></img></a> {{ } }} {{~}} {{ } }}{{~}}";
    return temp;
}

请在这方面提供帮助

Answer 1

推荐使用RequireJS，它有一个!text插件。允许您将模板存储在文本文件中。当你“需要”它的时候，requireJS会异步加载它。