我遇到了一个问题。我的 CommentinfoModel 正在从服务器获取数据,并且我能够在 View 中显示所有数据。我使用另一个 PostwallModel
在同一 View 中发布数据。
当我发布数据时,我收到服务器的响应,但该数据不会出现在模板中。当我转到另一个页面并返回时,会出现新发布的数据。完成后操作后如何刷新。这是我的代码:
var myPostwallView = Backbone.View.extend({
el: $("#content"),
events: {
'click #postinwall': 'postmessage',
},
initialize: function () {
var that = this;
var options = {
query: uni_id + "/chaid/" + currentChallenge['id']
}
var onDataHandler = function (collection) {
that.render();
}
var onErrorHandler = function (collection) {
var errorstring = JSON.stringify(collection);
console.log(errorstring);
}
this.model = new CommentinfoModel(options);
this.model.fetch({
success: onDataHandler,
error: onErrorHandler,
dataType: "json"
});
},
render: function () {
$('.nav li').removeClass('active');
$('.nav li a[href="' + window.location.hash + '"]').parent().addClass('active');
var data = {
cinfo: this.model.toJSON(),
_: _
};
var compiledTemplate = _.template(PostwallTemplate, {
data: data
});
this.$el.html(compiledTemplate);
},
// Posting message action
postmessage: function (e) {
var optionsp = {
query: uni_id + "/chaid/" + currentChallenge['id']
}
var postmsg = $('#txt').val();
var obj = new PostwallModel(optionsp);
obj.save({
uid: uni_id,
chaid: currentChallenge['id'],
post: postmsg
}, {
success: function (obj, response) {
console.log(response.responseText, console.log(response);
alert(response.message));
}
});
e.preventDefault();
$('#txt').val("");
}
});
return myPostwallView;
最佳答案
当 GET 或 POST 等主干操作完成时,模型将触发一个同步事件,您可以在 View 上监听该事件并调用渲染函数。该代码看起来像这样,可以放置在您的 View 初始化方法中:
this.listenTo(this.model, 'sync', this.render);
关于javascript - 如何刷新 Backbone.js 中的 View /模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23105851/