0
當我在UserListView
內使用alert()
render
函數時,輸出顯示正確。如果我評論alert()
,則不顯示視圖。查看無法正確顯示
我被困在這。這是爲什麼?
下面是代碼:
var User = Backbone.Model.extend({
defaults: {}
});
var UserCollection = Backbone.Collection.extend({
model: User,
url: 'http://localhost/cirest/index.php/api/userapi/users'
});
var UserView = Backbone.View.extend({
tagName: 'thumbnail',
className: 'span12',
template: $('#userdetailtemplate').html(),
render: function() {
var tmpl = _.template(this.template);
this.$el.html(tmpl(this.model.toJSON()));
return this;
}
});
var UserListView = Backbone.View.extend({
el: ('#content1'),
initialize: function() {
this.collection = new UserCollection();
this.collection.fetch();
this.render();
},
render: function() {
var that = this;
alert('asdf');
_.each(this.collection.models, function (item) {
that.renderUser(item);
}, this);
},
renderUser: function (item) {
var userview = new UserView({
model: item
});
this.$el.append(userview.render().el);
}
});
$(function() {
var uview = new UserListView();
});
HTML頁面:
<div id="content1" class="span12"></div>
<script type="text/template" id="userdetailtemplate">
<%= user_name %> <%= user_email %>
</script>
像這樣的東西http://stackoverflow.com/questions/8413500/backbone-js-populating-a-collection/8415515#8415515? – nikoshr
嗨@nikoshr感謝您的評論,工作 –