ember.js - 从组件内部调用 ember 组件操作

Question

我正在创建一个组件来包装 select2 选择框。代码如下:

App.FixedSelectComponent = Ember.Component.extend({
  actions: {
    change: function(value) {
      this.set('selectedValue',value);
    }
  },

didInsertElement : function(){
  this.$("#select1").select2().on("change", function(e) {
      if ($.isArray(e.val)) {
          $.each(e.val, function(index,value) {
              console.log("multiple:",value.split('>')[2].split('<')[0]);
             // send to change
          });             
      } else {
          console.log("single:",e.val.split('>')[2].split('<')[0]);  
          // send to change
      }
    });
  },

  willDestroyElement : function() {
    this.$("#select1").select2('destroy');
},

});

但是，我所困扰的是如何将 on("change") 事件中获得的数据发送到我定义的 action:change ，或者我是否可以设置 selectedValue 属性本身在 on("change") 事件中

“this”不是“//发送更改”行中的组件 - 此时我如何/在哪里获取对组件本身的引用？

基本上我想要实现的是将传递给 select2 的“change”事件的数据传递到我的 selectedValue 属性中

谢谢

Answer 1

您可以使用Component.send('actionName')。

我在 Ember's documentation 中找到它.