ember.js - 当 Ember.Select 选项更改时触发 onchange 事件

Question

我一直在尝试将事件绑定(bind)到通过Ember.Select生成的选择元素，但我没有运气。我的页面中有很多选择，我想根据另一个选择的值填充一个选择的选项。我创建了一个选择 View ，例如:

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"
});