更改Ember.Select选项时触发onchange事件

Question

我一直试图绑定一个事件来选择通过Ember.Select生成的元素，但我没有运气。我在我的页面中有很多选择，我想根据另一个的值填充选择的选项。我创建了一个选择视图，如：

AS.ClientSelectView = Ember.Select.extend({
    contentBinding:"AS.customerController",
    selectionBinding:"AS.SelectedClient.client",
    optionLabelPath : "content.name",
    optionValuePath : "content.id",
    change: function () {
          console.log(AS.SelectedClient.client.get('name'));
    }
});

但是当触发更改事件时，它不会显示当前所选元素的值，但会显示先前选择的选项值。

以下是jsbin链接：http://jsbin.com/iSiCUmU/2

Answer 1

你需要创建一个AS.SelectedClient类型的对象，然后在你选择使用该对象：

AS.selectedClient = AS.SelectedClient.create();

AS.ClientSelectView = Ember.Select.extend({
  contentBinding: "AS.customerController",
  selectionBinding: "AS.selectedClient.client",
  optionLabelPath : "content.name",
  optionValuePath : "content.id"
});