在骨干视图内呈现

时间:2016-06-19 01:20:19

标签: javascript backbone.js

我的应用程序中有一个作业和食谱的骨干视图。 此视图的白板内容呈现为原始文本。我需要从html中提取某些部分,然后在视图中渲染其余部分。 该视图使用具有属性的html模板。

视图呈现代码为:

render: function () {
    this.$el.html(this.template(_.extend({guest: this.guest}, this.model.attributes)));
    var status = this.model.get('status');
    if (status == 'Running' || status == 'Completed') {
        var progressbar = new RecipeProgressBar({model: this.model});
        this.$('.recipe-status').append(progressbar.el);
    } else if (status == 'Cancelled' || status == 'Aborted') {
        $('<span/>')
            .addClass('label label-warning')
            .text(status)
            .appendTo(this.$('.recipe-status'));
    } else {
        this.$('.recipe-status').text(status);
    }
    if (this.guest)
        this.$el.addClass('guestrecipe');
    return this;
 }

html模板示例是:

<td class="recipe-metadata">
 <span class="recipe-whiteboard"><%- **whiteboard** %></span>
 <% if (!_.isEmpty(role) && role != "None" && role != "RECIPE_MEMBERS" && role != "STANDALONE") { %>
 <span class="recipe-role">
  Role: <%- role %>
 </span>
<% } %>

在上面的代码中,&#39; whiteboard&#39;是属性。 我可以操纵模板本身的属性吗? 如何在不使用新属性的情况下渲染视图的白板内容?

0 个答案:

没有答案