ember.js - 使用带有加载栏的AJAX加载巨大的数据数组

Question

我有一个ajax请求，它返回大约1300个json对象。
从这些对象中，我填充了一些ArrayProxies和 View 。
每个ArrayProxy并因此包含大约15个对象以及有关这些对象的详细信息的 View 。

由于这里和那里有些逻辑，我需要大约5秒钟才能加载所有数据。

现在，我需要知道如何制作类似加载条的图形，或者至少分别渲染每个 View 。

我的ajax加载代码很简单:

$.getJSON('http://json.url, function(data) {
    $.each(data, function(i, obj) {
        var obj = App.ObjModel.create(obj);
        if (obj.get('isCalculable')) {
            App.ObjController.addObj(obj);
        }
    });
});

但是，在某些条件返回true之后，如何告诉应用程序渲染 View ？

感谢您的帮助，
迪玛

Answer 1

让Ember进行工作以弄清楚何时加载数据。在 View 中检查是否已加载数据，如果未加载，则显示动画gif或其他内容。这将告诉用户数据尚未准备好。

您可以在 View 中执行以下操作:

{{#if controller.isLoaded}}
  Display controller.content in loop or something
{{else}}
  <img src="/spinner.gif"> Loading data...
{{/if}}

此代码示例摘自官方的Ember网站。您可以在最后找到 here。