javascript – 使用Backbone.LayoutManager进行Dust.js模板渲染

让我详细说明我的设置:
我有预编译的dust.js模板,我想与Backbone.LayoutManager一起使用.

Backbone.LayoutManager使用以下配置:

Backbone.LayoutManager.configure
  manage: true
  fetch: (name) ->
    name

所以模板的名称通过fetch直接传递给渲染,我想像这样覆盖渲染:

render: (template, context) ->
  done = @async
  dust.render @template, context, (err, out) ->
    throw err if err
    done(out)

但是我不能用渲染来做这个(大概是因为LayoutManager作者假设模板渲染是同步的).

有谁知道我怎么能做到这一点?

解决方法:

您需要修改LayoutManger以处理模板的异步呈现.

其中一种方法是使用jQuery Deferred对象,其中对render的调用返回Deferred对象的实例,然后在调用Dust库时解析该对象.

然后,修改Backbone.LayoutManager以继续执行它想要的模板,直到Deferred对象已解析.

在渲染中:

render: (template, context) ->
    dfd = $.Deferred()

    dust.render @template, context, (err, out) ->
        throw err if err
        done(out)
        dfd.resolve()

    return dfd;

然后,您可以在Backbone.LayoutManager中调用render,而不是使用render的返回来执行某些操作,您可以将“something”附加到已传递的延迟的done处理程序.

    dfd = render(template, context)
    dfd.done(do_something_with_this_template);

我正在使用Marionette.js(以及它的异步变体)和灰尘,这是我的核心渲染方法的样子:

    render: function(){
        var dfd = $.Deferred();

        var template_context = this.model;
        if(_.isUndefined(template_context) || _.isFunction(template_context)){
            template_context = new (Backbone.Model.extend({}));
        }

        if(this.id) this.$el.attr('id', this.id);

        var that = this;
        dust.stream(this.tpl_name, template_context.toJSON())
            .on('data', function(data){
                that.$el.html(data);
            })
            .on('end', function(){
                dfd.resolve();
                that.enable_menus();
                that.trigger('template:rendered');
            })
            .on('error', function(err){
                dfd.reject();
                window.le(err.message, err);
                that.trigger('template:error');
            });

        return dfd;
    }

(显然不使用coffeescript ……)

上一篇:javascript – 在JsTestDriver中设置咖啡脚本单元测试


下一篇:javascript – CoffeeScript与其他库