ember.js - Ember 可观测 map

Question

这应该很容易，但我想不通。我正在创建一个行为有点像三态多选的 View ，核心组件是 View 上的一个属性，它列出了每个选项及其状态:

TriState = Ember.View.extend({
    ...
    childView: TristateItem,
    selectionStates: {}
});

TristateItem = Ember.View.extend({
    ...
    selectedState: function() {
        var value = this.get('value');
        var states = this.get('parentView.selectionStates');
        var state = states[value];
        if (Ember.isNone(state))
            return 0;
        return state;
    }.property('value', 'parentView.selectionStates'),

    click: function(event) {
        var states = this.get('parentView.selectionStates');
        var value = this.get('value');
        var newState = states[value];
        if (Ember.isNone(newState) || newState == 0)
            newState = 1;
        else if (newState == 1)
            newState = -1;
        else
            newState = 0;
        states[value] = newState;
        event.stopPropagation();
    }

所以在几次点击之后，selectionStates 的值可能是

{0: 1,   // value "0" is selected with state "1"
 3: -1,  // value "3" is selected with state "-1"
 4: 0}   // value "4" is not selected

这很好用，但是 TristateItem.selectedState 的值没有改变。我认为这是因为不可能观察到 javascript 对象，但我在 Ember 中找不到任何可观察到的等效对象。我该怎么做？

Answer 1

由于您正在设置属性，您可以只使用 notifyPropertyChange 通知其他计算属性父对象以某种方式变脏。

this.notifyPropertyChange('parentView.selectionStates');

http://emberjs.jsbin.com/tokese/1/edit