Backbone JS, collection view empty for a second when fetching

Question

I bind the collection to a DOM element '#collection_view'.

When collection fetching data and update the view, the view changed to be EMPTY for a second and then filled with correct HTML. In the collection there are addAll, addOne methods to append list element to the list.

How can I skip the empty, replace old HTML with new HTML directly?

Posting some code here would help. I'm assuming you are not manually clearing the div in the render() method of the view? — Elvis D'Souza, Apr 17 '12 at 06:48

score 0 · Answer 1 · edited May 23 '17 at 10:34

This is how fetch() works.. it will empty the collection and addAll elements at once. I suppose you have a this.$el.empty() call (or something like) in your addAll event binding function. And what is happening is that the $el DOM element will be cleaned and after that repopulated.

If you want to refresh a collection instead of reset it you should check the answers here.

Looks like someone proposed to add this soft update to the Backbone Collection but was denied by Backbone maintainers.

Backbone JS, collection view empty for a second when fetching

1 Answers1