Question

我在Ember.js应用程序和一些不起作用的sendAction中遇到了一些问题。基本上，我有： - 一个输入组件（触发操作的组件） - 一个控制器/模板（包含组件的渲染） - 另一个控制器/模板，我们在其中渲染前一个控制器。

这是代码。

首先，文本字段组件：

Tm.JiraCloudInputComponent = Ember.TextField.extend({
  keyDown: function (event) {
    if (event.keyCode === 27) {
      this.sendAction('cancelJiraCloudUrl');
    }

    if (event.keyCode === 13) {
      event.preventDefault();
      this.sendAction('saveJiraCloudUrl');
    }
  },

  blur: function () {
    this.sendAction('saveJiraCloudUrl');
  }
})

具有以下操作的控制器：

Tm.JiraCloudController = Ember.Controller.extend({
  jiraCloudEnabled: Ember.computed.oneWay('content.jiraCloudEnabled'),
  jiraCloudUrl: Ember.computed.oneWay('content.jiraCloudUrl'),
  successMessage: '',
  errorMessage: '',

  actions: {
    saveJiraCloudUrl: function () {
      if (Tm.isEmpty(this.get('jiraCloudUrl'))) {
        this.unlinkJiraCloud();
      } else {
        this.linkJiraCloud();
      }
    },

    cancelJiraCloudUrl: function () {
      this.set('jiraCloudUrl', this.get('model.jiraCloudUrl'));
      this.set('jiraCloudEnabled', this.get('model.jiraCloudEnabled'));
      this.clearMessages();
    }
  }
});

及其相关模板：

{{#default-box id="jira-cloud-settings" class="box-full-width"}}
  {{box-header title="settings.jira_cloud"}}
  {{#box-content}}
    {{jira-cloud-input class="form-control" value=jiraCloudUrl placeholder="Jira cloud url"}}
    <button type="button" class="btn btn-default" title="Link Jira cloud" {{action "saveJiraCloudUrl"}}>Link Jira cloud</button>
  {{/box-content}}
{{/default-box}}

注意：框（默认框，框内容）也是组件。

最后，我们渲染前一个控制器的模板：

{{render "jiraCloud" content}}

我找不到任何明显的原因，为什么它不起作用。 'sendAction'调用不会引发错误。请注意，按钮上的操作就像魅力一样。

感谢您的帮助，文森特

Answer 1

嗯，事实上我只是愚蠢。我已经习惯了旧的＆＃34;发送＆＃34;所以我在渲染组件时忘了做映射：

{{jira-cloud-input save="saveJiraCloudUrl" esc="cancelJiraCloudUrl" class="form-control" value=jiraCloudUrl placeholder="Jira cloud url"}}

在代码中：

Tm.JiraCloudInputComponent = Ember.TextField.extend({
  keyDown: function (event) {
    if (event.keyCode === 27) {
      this.sendAction('esc');
    }

    if (event.keyCode === 13) {
      this.sendAction('save');
      event.preventDefault();
    }
  },

  blur: function () {
    this.sendAction('save');
  }
})

Ember.js：控制器动作不是由组件的'sendAction'触发的

1 个答案: