backbone.js - 主干应用程序的结构。模型/系列问题

Question

我的应用程序的逻辑非常简单。我有获取 JSONP 的模型(数据包含年份、季度，季度包含不同的键:值)。 View获取数据后，监听Model的“change”事件，然后渲染数据。到目前为止一切顺利。

但是我需要监听“change:year”/“change:quarter”并根据更改使用新的 url 获取数据。但是当“change:year”/“change:quarter”被触发时，全局“change”也会被触发。

当然，如果我使用 Collection 而不是 Model – 对我来说就是“重置”。但在这种情况下，我无法如此轻松地监听“change:year”——我必须创建更多模型(针对年份、季度和季度中的每个键)。但我想让应用程序保持简单。

还有其他办法吗？或者创建更多模型是不可避免的？

谢谢。

UPD:仍然需要“更改”事件，因为模型在获取新数据后必须重新渲染。

解决方案:我创建了通用 Controller ，它包含需要更改的属性。并在 .url() 方法中从 Controller 获取它们来修改 url。我坚持使用集合的 fetch()/“重置”通知，并在“更改”时为 Controller 创建监听器。因此，当我更改“年”/“季度”时， View 会从 Controller 获取通知，并且当相应的集合获取时 - 它会使用新的网址进行获取。

Answer 1

据我了解，如果仅发生year或quarter更改，您不希望收到全局模型change事件 - 但您必须。

因此，在接收全局更改事件时，您可以检查 changed 是否只是年或季度。 ，并跳过正常的事件处理。像这样的事情:

this.model.bind("change", this.render, this);
this.model.bind("change:year", this.fetchSomething, this);
this.model.bind("change:quarter", this.fetchSomething, this); 

render : function(){
    var attributesExceptYearAndQuarter = _.without(this.model.attributes, ['year', 'quarter']) 
    if(this.model.changedAttributes(attributesExceptYearAndQuarter).length > 0){
         // do the rendering
    } 
}