ember.js - 当 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"
});