Javascript 什么'；这是确定主干是否存在的正确方法。查看'；是将此.el附加到文档还是浮动？
我尝试使用模板最初呈现视图，但在后续调用中更新视图（当视图是文档的一部分时） 我的应用程序页面看起来有点像Javascript 什么'；这是确定主干是否存在的正确方法。查看'；是将此.el附加到文档还是浮动？,javascript,backbone.js,Javascript,Backbone.js,我尝试使用模板最初呈现视图，但在后续调用中更新视图（当视图是文档的一部分时） 我的应用程序页面看起来有点像 <body> <!-- ... --> <div id="view_placeholder"/> <!-- ... --> </body> 这样做的原因是模板包含相当多的节点，每次更改都重新生成它是不可行的 我已经研究了一些数据绑定库，例如，但它们不适合模板：模型关系 我注意到的一件事是，在我将其添加到文档之前，th
<body>
<!-- ... -->
<div id="view_placeholder"/>
<!-- ... -->
</body>
this.el.parentNode==nullBackbone.View.extend({
//
templateRendered:false,
// ...
render: function() {
if (!this.templateRendered) {
// render the contents from the template
this.templateRendered = true;
} else {
// update the content visibility based on the model
}
},
// ...
});
跟踪以下事实的最佳方法是什么：我已经完全渲染了模板，因此只需要调整渲染的模板，而不是重新渲染它（并重新插入所有子视图）？我认为惯用的主干方法是只调用完整的
渲染（）var AddressView = Backbone.View.extend({
initialize: function (options) {
Backbone.view.prototype.initialize.call(this, options);
_.bindAll(this)
options.model.on('change:name', this.renderName);
options.model.on('change:street', this.renderStreet);
options.model.on('change:zipCode', this.renderZipCode);
},
renderName: function (model) {
this.$el.find("#name").text(model.get("name"));
},
renderZipCode: function (model) {
this.$el.find("#zipcode").text(model.get("zipCode"));
},
renderStreet: function (model) {
this.$el.find("#stree").text(model.get("street"));
},
render: function () {
//Populate this.el with initial template, subviews, etc
//assume this.template is a template function that can render the main HTML
this.$el.html(this.template(model));
this.renderName(this.model);
this.renderZipCode(this.model);
this.renderStreet(this.model);
return this;
}
});
上面的代码无疑是单调乏味的。我会重新考虑，或者，就我个人而言，但我相信上面的模式是规范的vanilla backbone.js方法。我会在视图的元素即将插入之前避免渲染视图。在任何情况下，您都可以通过检查视图元素的父级，即
this.$el.parent()
如果
this.$elthis.el.parentNode！=null&&this.el.children.length（）>0this.setElement（）渲染（）时思考更改refresh（） this.$el.parent()