0956d328da
Conversation view autoscroll triggers on dom change, not storage change, ensuring that we don't scroll before the new element is inserted.
33 lines
926 B
JavaScript
33 lines
926 B
JavaScript
var Whisper = Whisper || {};
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
/*
|
|
* Generic list view that watches a given collection, wraps its members in
|
|
* a given child view and adds the child view elements to its own element.
|
|
*/
|
|
Whisper.ListView = Backbone.View.extend({
|
|
tagName: 'ul',
|
|
itemView: Backbone.View,
|
|
initialize: function() {
|
|
this.listenTo(this.collection, 'change', this.render); // auto update
|
|
this.listenTo(this.collection, 'add', this.addOne);
|
|
this.listenTo(this.collection, 'reset', this.addAll);
|
|
this.listenTo(this.collection, 'all', this.render);
|
|
},
|
|
|
|
addOne: function(model) {
|
|
if (this.itemView) {
|
|
var view = new this.itemView({model: model});
|
|
this.$el.append(view.render().el);
|
|
this.$el.trigger('add');
|
|
}
|
|
},
|
|
|
|
addAll: function() {
|
|
this.$el.html('');
|
|
this.collection.each(this.addOne, this);
|
|
}
|
|
});
|
|
})();
|