javascript - Ember.Select selectionBinding 在加载 View 时触发

Question

我已经为我的 Ember.Select 添加了 selectionDidChange 事件，但是当我的 View 加载时，它会在加载时为所有可用的下拉选项触发该事件。原因是它在内部向下拉列表添加选项并不断触发 selectionDidChange 事件....有什么办法可以停止初始事件触发

这是我的代码(测试代码)

App = Em.Application.create();
App.myView = Em.View.extend({
  templateName: 'myTemplate',
  myArr:[{category:"spend"},{category:"cashflow"}],
  selectedItem: '',
  dropDownView: Ember.Select.extend({
     contentBinding: 'parentView.myArr',
     selectionBinding: 'parentView.selectedItem',
     optionLabelPath: 'content.category'
     selectionDidChange: function(){
       alert("yes it changed");
     }
  })
}); 

我对应的Handlebar(myTemplate.handlebars)文件 {{view.dropDownView}}

现在，当我加载此 View 时，它甚至在我选择下拉列表中的任何选项之前就发出警报...

额外信息:我需要这个函数，因为我正在使用 RaphaelJS 开发小部件，所以当我更改下拉选项时，我希望小部件发生变化。

Answer 1

在didInsertElement中添加selectionDidChange函数:

dropDownView: Ember.Select.extend({
    didInsertElement: function(){
        this.set('selectionDidChange', function(){
            alert("yes it changed");
        });
    },
    contentBinding: 'parentView.myArr',
    selectionBinding: 'parentView.selectedItem',
    optionLabelPath: 'content.category'
})