javascript - EmberJS Action - 当包装在 `actions` 中时从另一个 Action 调用一个 Action

Question

当包裹在 EmberJS Controller 的 actions 中时，如何从另一个 Action 调用一个 Action ？

使用现已弃用的方式定义操作的原始代码:

//app.js
App.IndexController = Ember.ArrayController.extend({
    // properties
    /* ... */

    // actions
    actionFoo: function() {
        /* ... */
        this.actionBar();
    },
    actionBar: function() {
        /* ... */
    }
});

//app.html
<div class="foo" {{action actionFoo this}}>
<div class="bar" {{action actionBar this}}>

但是，对于 EmberJS 1.0.0，我们会收到弃用警告，指出 Action 必须放在 Controller 内的 Action 对象中，而不是像上面那样直接放在 Controller 中。

根据建议更新代码:

//app.js
App.IndexController = Ember.ArrayController.extend({
    // properties
    /* ... */

    // actions
    actions: {
        actionFoo: function() {
            /* ... */
            this.actionBar(); //this.actionBar is undefined
            // this.actions.actionBar(); //this.actions is undefined
        },
        actionBar: function() {
            /* ... */
        }
    }
});

//app.html
<div class="foo" {{action actionFoo this}}>
<div class="bar" {{action actionBar this}}>

但是，我发现 Action 中定义的一个函数不可能调用另一个函数，因为 this 对象似乎不再是 Controller 。

我该怎么做呢？

Answer 1

您可以使用 send(actionName, arguments) 方法。

App.IndexController = Ember.ArrayController.extend({
    actions: {
        actionFoo: function() {
            alert('foo');
            this.send('actionBar');
        },
        actionBar: function() {
            alert('bar');
        }
    }
});

这是一个包含此示例的 jsfiddle http://jsfiddle.net/marciojunior/pxz4y/