javascript - 如何将 Action 从 Ember 组件发送到包装它的 View ？

Question

我知道 sendAction 会将 Action 从组件发送到与放置它的模板关联的 Controller ，但在我的例子中，组件没有直接放置在路由模板内。相反，我的组件位于 View 的模板中:

<script type="text/x-handlebars" data-template-name="displayTemplate">
    <h3>View</h3>

    ...

    {{componentA}}

</script>

这个组件有一个关联的 Controller :

App.ComponentAController = Ember.Controller.extend({
    ...
}

但是环绕 View 没有，它只是一个 View :

App.DisplayView = Ember.View.extend({
    templateName: 'displayTemplate',

    actions: {
         updateData: function(data) {
             /* how can I get this triggered when an action happens in the embedded componentA? I'd like to 
             process the data object here so I can update the wrapping view accordingly. */
         }
    }
...
}

如果我在组件的 Controller 中实现操作，当我从组件中执行 sendAction('updateData', data) 时，它不会被触发。如果我在 DisplayView 中实现它，它也不会被触发。

那么问题来了:当在componentA中触发了一个action，我如何将该action发送到 View DisplayView进行处理？

更具体地说，我正在尝试将上下文数据发送到该 View ，以便它可以根据在嵌入式组件上选择的内容进行更新。因此，如果有另一种方式来传达这些数据，那也行得通。我选择行动只是因为它看起来合适，但也许不合适。

更新:实际场景

实际代码引用了一个 GridView ，在它的模板中有一个分页组件。当用户切换到新页面时，分页组件向服务器发送所选页面的请求。

一旦返回数据，它就需要让包装 View (包含网格)知道新数据可用。当用户单击页码时，操作在分页组件中处理，这就是我从那里进行数据调用的原因。如果我需要对其他内容进行分页，我想重用这个组件，所以我不想让分页成为 GridView 的一部分。

Answer 1

通常你传递target，但是组件的上下文属性名称是targetObject。


{{foo-bar action='actionName' targetObject=view}}