Backbone.stickit binding on collections
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<script src="https://raw.github.com/NYTimes/backbone.stickit/master/backbone.stickit.js"></script>
<select id="select_view"></select>
CSS
select {
width: 90px;
margin: 10px;
}
JavaScript
var Model = Backbone.Model.extend({
initialize: function() {
this.set('id', this.cid);
}
});
var Collection = Backbone.Collection.extend({
model: Model
});
var SelectView = Backbone.View.extend({
el: '#select_view',
bindings: {
'#select_view': {
observe: '',
selectOptions: {
collection: function() {
c.toJSON()
},
labelPath: 'id'
},
onGet: function(val, attr) {
},
onSet: function(val, attr) {
}
}
},
initialize: function() {
this.stickit();
}
});
var c = new Collection([new Model(), new Model(), new Model()]);
var view = new SelectView({collection: c});