How on first load to show a dataView contents completely scrolled down for a chat

[JFrolich]

I now do it with this code:

var _this = this;
store.addListener('load', function() {
  setTimeout(function() {
    _this.scrollToBottom(true);
  }, 500);
});

Note that I need a setTimeout(), because when I receive the callback the list is not rendered yet.

[mitchellsimoens]

You need to get the scroller class so you can use the scrollToEnd. To do this:

var scroller = dataview.getScrollable().getScroller();

Now you can do

scroller.scrollToEnd(true);

[JFrolich]

I do this in

_this.scrollToBottom(true);.

The problem is that I need a setTimeout for this to have effect. Is there some kind of event, view method override I can use for this?

[mitchellsimoens]

You can listen for the refresh event on the dataview. That should technically fire after the items are rendered, may need to use the after order or single option:

dataview.on('refresh', function() {}, dataview, { single : true }, 'after');

[JFrolich]

Actually this works when the data is already found in the store. However when the data has to be retrieved from the proxy (first time load), then this callback does not fire at the right moment. Could this be a bug, or is this expected behaviour?

[mitchellsimoens]

The refresh event should fire after after the store has data as the dataview reflects the data in the store.