Backbone.js：视图或集合可以具有属性吗？

Question

可以说我有一个男孩和女孩的名字的名单。这个名称集合还具有“性别”属性。

我想在集合或视图上放置一个'SelectedGender'属性，以便只有在所选性别更改时才能触发自定义事件。

视图可以扩展为具有触发更改事件的属性吗？

一个Collection是否可以扩展为具有触发change事件的属性？

或者我不得不创建另一个包含集合的模型？我实际上没有代码，我现在只是在考虑设计。

Answer 1

回答你的问题：可以扩展一个视图或集合，使其具有引发更改事件的属性，答案是否定的，是的。

不，你不能做view.set({attr: value})或collection.set({attr: value})

可以，但是必须通过扩展Backbone.Events视图或收集火灾事件。

YourView = Backbone.View.extend({}); 
_.extend(YourView, Backbone.Events); 

var view = new YourView(); 
view.bind('SelectedGenderChanged', function() { 
    console.log('SelectedGenderChanged event fired!'); 
}); 

//somewhere else in your code 
view.trigger('SelectedGenderChanged'); 

但是，可能有更好的方法来设计它。

如果在用户从组合框中进行选择时选定的性别会发生变化，那么您可以在视图中订阅组合框更改事件，然后让您的视图进行当时需要完成的任何更改。

Answer 2

我不认为你需要为你的集合创建包装模型。只需创建一个存储名称和性别的模型。然后，像@Paul提到的那样，您可以订阅集合中或视图中的更改事件。

var nameModel = Backbone.Model.extend({ 
    defaults : function() { 
    return { 
     name : "Andy", 
     gender : "male" 
    }; 
    } 
}); 

var nameCollection = Backbone.Collection.extend({ 
    initialize : function (args) { 
    var self = this; 
    self.model.bind("change:gender", function() { 
     self.changeGender(self.model.get("gender")); 
    }); 
    }, 

    changeGender : function(gender) { 
    // modify your collection somehow 
    } 
}); 

var nameView = Backbone.View.extend({ 
    initialize : function(args) { 
    var self = this; 
    self.model.bind("change:gender", function() { 
     self.changeGender(self.model.get("gender")); 
    }); 
    // in case you have a checkbox or something you want to bind the model change to: 
    self.$(".genderCheckbox").bind("change", function(ev) { 
     self.model.set({ gender, self.$(".genderCheckbox").val() }); 
    }); 
    }, 

    changeGender : function(gender) { 
    // Modify your view here 
    } 
}); 

编辑：

而不是具有取决于名字的性别2点独立的集合，为什么没有与该返回刚才那个男孩的名字，并返回一个方法的方法名的一个集合只是女孩的名字？

即：

getMaleNames : function() { 
    return this.filter(function(name) { 
    return name.get('gender') == "male"; 
    }); 
}