骨干听嵌套模型/集合？

Question

所以下面只是我在做的一个粗略的想法，集合是嵌套的，当this.collection.get('players') 发生变化时我需要调用getMax()

module.exports = LeadersCollectionView = Marionette.CompositeView.extend({
    className: 'live-stats',
    template: require('../../../templates/leaders/live-stats.hbs'),
    initialize: function() {
        this.listenTo(this.collection, 'change', this.render);
        //this.listenTo(this.collection.get('players'), 'change', this.render);
    },
    getMax : function(attribute) {
        console.log('getMax called')
        var home = this.collection.get('5368dcc1227a937829b2cb4a').players.models;
        var away = this.collection.get('5368dcd9227a937829b2cb4c').players.models;
        leaders = new PlayersCollection(home.concat(away))
        return leaders.max(function(leader) {
            return leader.get(attribute);
        });
    },
    templateHelpers:function(){
        return {
            maxPoints: this.getMax('points').get('player_name')
        }
    },
    itemView: leadersView,
    appendHtml: function(collectionView, itemView){
        collectionView.$('.live-data .created-teams').append(itemView.el);
    }
});

我使用的是骨干关系，然后决定放弃它，现在我想我可能再次需要它，但希望有更简单的方法。

因此，虽然可能有更好的方法来编写 getMax() 函数（显然静态团队目前已传入）如果我无法更新 getMax() 当点在球员模型。

所以我的问题是，我可以在没有骨干关系的情况下监听嵌套模型的变化吗？我该怎么做？

Answer 1

看看Backbone.DeepModel：你可以订阅 change:players.* 事件

或坚持骨干关系。

Answer 2

我只是想为有需要的人提供一个自制的解决方案。本质上，您只需在模型声明中创建一个新方法，该方法通常允许您在触发属性时更新属性，以便您可以利用 model.on("change:my.nested.attr");

// Create your model; inside create a new method that will
// set nested attributes (ie: setNestedAttr())
var nestedBackboneAttributeSample = Backbone.Model.extend({
    defaults: {
        id: null,
        nestedProperties: {
            name: null,
            age: null,
            email: null
        }
    },
    /**
     * [setNestedAttr Set nested attribute and fire change event]
     * @param {[type]} nestedObj [object inside of this.attributes]
     * @param {[type]} property  [property inside of nestedObj]
     * @param {[type]} value     [value to replace nestedObj[property] with]
     */
    setNestedAttr: function(nestedObj, property, value) {

        // get current nested obj from this.attributes
        var ref = this.get(nestedObj)
            triggerString = "change:" + nestedObj + "." + property;

        console.log("Nested Object retrieved =>");
        console.log(ref);

        // if this.attributes.nestedObj has the property and
        // value is defined
        if (ref.hasOwnProperty(property) && value != undefined) {

            ref[property] = value;
            this.set({ nestedObj: ref });
            // manually trigger.. backbone doesn't monitor nested attrs
            this.trigger(triggerString);

        }

    }
});

// now, let's run some sampel code to give you 
// an idea of how to use this.

var x = new nestedBackboneAttributeSample();

// setup event handler for on change w/specific nested attr
x.on("change:nestedProperties.name", function() {
    console.log("this event was fired!");
});

x.setNestedAttr("nestedProperties", "name", "Github")
// output => "this event was fired!"

Answer 3

我无法让 deepmodel 或 nestedmodels 工作，但这似乎是一个很棒的解决方案，它是如此简单，但我没想到会这样使用它。

this.collection.each(function(team) {
    team.players.bind('change', this.render);
}, this);