Как я могу вызвать функцию-ответчик родительского элемента из своего дочернего элемента?
<div class="parent-el" item-index="[[index]]" on-tap="openItem">
<div>[[item.name]]</div>
</div>
Я попытался создать для ребенка функцию для запуска родителя.
<div on-tap="openItem2">[[item.name]]</div>
openItem2: function(e) {
var parent = e.target.parentNode;
this.fire('openItem', parent);
}
// Nothing happens on this
или же
openItem2: function(e) {
var parent = e.target.parentNode;
this.openItem(parent);
}
// Outputs error
Я все еще новичок в Polymer и все еще запутался.
Не нужно получать родительский элемент и запускать его функцию. По умолчанию event.propagation
отправляется родительскому, если вы не остановите его с помощью event.stopPropagation()
. Итак, просто родительская функция.
openItem: function(e){
// write your logic
}