如何通过Polymer中的事件发送方访问函数?

时间:2014-07-29 13:10:26

标签: javascript events polymer

我有一个触发事件的自定义元素,我还使用func:function(event,detail,sender)在另一个元素中捕获它

我的问题是:我可以以某种方式访问​​已触发事件的元素的功能吗? 我尝试使用sender.func()和simliar方法,但我不知道如何做到这一点。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

这很有效,但由于你没有发布你的代码,我不能说它有什么问题。

这是一个小例子:

<!DOCTYPE html>
<html>

<head>
  <script src='../lib/platform/platform.js'></script>
  <link href="../lib/polymer/polymer.html" rel="import">
</head>

<body unresolved>

  <polymer-element name="my-button">
    <template>
      <div on-click="{{onClick}}">Click me!</div>
      {{message}}
    </template>
    <script>
      Polymer('my-button', {
        onClick: function(){
          this.fire('my-button-fire');
        },
        sayHello: function() {
          this.message = "Hello world!"
        }
      });
    </script>
  </polymer-element>

  <polymer-element name="my-app">
    <template>
      <my-button on-my-button-fire="{{onFire}}"></my-button>
    </template>
    <script>
      Polymer('my-app', {
        onFire: function(event, detail, sender){
          sender.sayHello();
        }
      });
    </script>
  </polymer-element>

  <my-app></my-app>

</body>