从一个聚合物组件调用一个功能到另一个

时间:2016-02-23 09:51:48

标签: javascript jquery html polymer

我使用Polymer,Html和Javascript。

我想找到一种简单的方法将函数从一个聚合物组件调用到另一个聚合物组件。 让我来描述一下我想要实现的目标。

我有聚合物成分myComponent。在此组件容器中,带有名为start的按钮:

<button on-click="_start" id="start">XyZ</button>

以及第二个组件(假设它是子组件,因为它位于myComponent,我在_addNew部分中有<script>函数。

现在,我想通过点击带有_addNew ID的按钮来触发#start功能。 我的问题是,当这个函数放在另一个聚合物组件中时,如何从一个聚合物组件调用一个函数?

我希望你理解我。

2 个答案:

答案 0 :(得分:2)

如果我理解正确的话,基本上你要做的就是从一个组件开始,然后在另一个组件中进行监听。

所以你可以在_start方法中从myComponent触发,如:

0    30 10    *    *    *

然后通过为此特定事件名称添加侦听器来侦听其他组件中的add:new事件:

this.fire('add:new');

如果不够明确,请阅读Polymer documentation这是一篇非常好且解释清楚的文档。

希望它有所帮助。

答案 1 :(得分:0)

在我的情况下,这不起作用,因为this.fire“向上”到父组件,而不是子组件。

在我的情况下,这一个帮助:

this.$$('component-name').function-name();