Polymer 将事件绑定到模板中的元素重复
是否可以从Polymer 将事件绑定到模板中的元素重复,polymer,Polymer,是否可以从中获取将/已渲染的元素 我有一个名为poly list的组件,实现如下: <poly-list dataList="{{ data.in }}" id="inList" style="overflow: hidden; min-width: 324px; display: inline-block;"> <template>
中获取将/已渲染的元素
我有一个名为poly list的组件,实现如下:
<poly-list dataList="{{ data.in }}" id="inList"
style="overflow: hidden; min-width: 324px; display: inline-block;">
<template>
<div> <!-- on-click event here -->
<paper-input-no-error value="{{ [0] }}"
class="in-paper-input"
on-change="{{ inChanged }}" id="0"></paper-input-no-error>
<paper-input-no-error value="{{ [1] }}"
class="in-paper-input"
placeholder="Value" id="1"></paper-input-no-error>
</div>
</template>
</poly-list>
我需要一种方法来获取模板将放入DOM中的每个元素。我需要这样做,以便向呈现的每个组件添加事件侦听器。我还希望将其封装在我的多边形列表组件中,这样实现多边形列表的组件就不需要设置事件本身
我需要将事件添加到模板repeat中的顶层元素。在本例中,它是div。我在上面代码中注释了我的意思。事件冒泡可以工作,但不会被重用,因为我不知道元素中触发事件的原因是什么,因此不可能说顶级元素始终是上面的一个父元素,如上面的示例所示
是否有一个事件会在渲染时返回每个元素或类似的内容 您不能只使用Polymer的声明性事件绑定吗
<poly-list ...>
<template>
<div on-click="{{ clickHandler }}">
<paper-input-no-error ...></paper-input-no-error>
<paper-input-no-error ...></paper-input-no-error>
</div>
</template>
</poly-list>
(使用外部元素原型上名为clickHandler
的方法)
关于冒泡,可能有某种方法可以让它工作。“是否可以从模板重复中获取将/已呈现的元素?”
是,但仅在模板重复完成后。然后,您可以通过自动节点查找来选择元素:此$
这里有一个示例:我不希望用户在定义多边形列表时必须定义单击事件。我希望它是处理内部的多边形列表。
<poly-list ...>
<template>
<div on-click="{{ clickHandler }}">
<paper-input-no-error ...></paper-input-no-error>
<paper-input-no-error ...></paper-input-no-error>
</div>
</template>
</poly-list>