让我详细说明我的设置:
我有预编译的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 ……)