Loading huge data array with AJAX with loading bars

Question

I have an ajax request which returns about 1300 json objects. Out of this objects i populate some ArrayProxies and views. Each ArrayProxy and therefore view contains about 15 objects and detailed informations about these objects.

Because of some logic here and there i takes about 5 seconds till all the data is loaded.

Now i need to know how i could make something like a loading bar or at least render each view seperatly.

My ajax loading code is simple:

$.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);
        }
    });
});

But how can i tell the Application to render the view after some conditions return true?

Thx for any help, Dima

stravid · Accepted Answer · 2012-12-03 16:44:23Z

4

Let Ember do the work to figure out when the data is loaded. Check in the view if the data is loaded, if it's not, display an animated gif or something. This will tell the user the data is not yet ready.

You can do this in your view with something like this:

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

This code example is adapted from the offical Ember website. You can find it here at the very end.

answered Dec 3, 2012 at 16:44

stravid

1,0097 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashwin Singh · Accepted Answer · 2012-12-03 12:53:01Z

0

You could use a loading image inside a div or something and toggle its display during the starting and ending of the request.

Ajax request begins:

document.getElementById("LoadingImage").style.display="block";

After it completes:

document.getElementById("LoadingImage").style.display="none";

answered Dec 3, 2012 at 12:53

Ashwin Singh

7,3855 gold badges38 silver badges55 bronze badges

Collectives™ on Stack Overflow

Loading huge data array with AJAX with loading bars

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related