Backbone如何在不重新渲染整个页面的情况下更新变量或部分

Question

我将在点击事件后更新html的一部分。但我不想重新阅读整个页面...我的代码看起来像这样;

<div>OTHER PAGE STUFF I DO NOT WANT TO RE-RENDER</div>

<div>
  <span id="updateThisSection">{{data}}</span>
<div>

我想在点击事件

后更新该范围内的数据

linkClicked : function(e) {
//update the data inside the span here
}

Answer 1

您始终可以通过this.$el或this.$访问整个元素，这样您就可以只调整所需的部分：

this.$('#updateThisSection').html('Some new content.');

如果你有一个比简单的<span>更复杂的东西，那么你可能想为视图的那一部分添加一个单独的子视图，然后你将子视图的render绑定到适当的变革事件。