backbone.js - Backbone.Marionette 模板异步加载

Question

我们正在为我们的项目使用 Backbone 和 Backbone.Marionette。我们目前正在服务器上存储 View 的所有模板，并且我们已经覆盖了 loadTemplate 调用以异步加载它们。

但是，当我们使用布局 View 时，由于 View 的模板是异步加载的，因此我们似乎无法立即访问布局的区域。下面是一个例子:

var layoutView = new Layout();
var itemView = new ItemView();

App.containerRegion.show(layoutView);
layoutView.mainRegion.show(itemView); <---- This is where the issue would occur.

如果我们不从服务器异步加载模板，那么它会正常工作。什么是实现这一点的好方法？我们希望将模板保留在服务器上，而不是一次加载所有内容。我们还希望避免在整个代码中绑定(bind)到布局 View 的渲染事件。

谢谢

Answer 1

你需要捕获Marionette.Async插入。它旨在完全按照您的意愿行事。

但是，您需要知道从服务器异步抓取模板会影响性能。这样做的网络延迟可能会导致用户认为应用程序没有响应，如果屏幕上没有任何内容告诉他们应用程序正在幕后工作(如微调器图形)。

最好一次获取尽可能多的模板，以减少网络延迟和传输。有a blog post that a friend of my wrote正是这样做。