我如何执行一个功能关闭或解散<纸对话>的聚合物1.0？

Question

问题：

在关闭<paper-dialog>元素时，如何自动执行函数？

版本：聚合物1.0

代码：

<paper-dialog id="paper-id"
              entry-animation="scale-up-animation"
              exit-animation="scale-down-animation">
    <sample-element></sample-element>
</paper-dialog>

Answer 1

paper-dialog继承了具有iron-overlay-opened和iron-overlay-closed事件的Polymer.IronOverlayBehavior。

<paper-dialog
  on-iron-overlay-opened="_myOpenFunction"
  on-iron-overlay-closed="_myClosedFunction"></paper-dialog>

• https://www.webcomponents.org/element/@polymer/iron-overlay-behavior
• 代码：https://github.com/PolymerElements/iron-overlay-behavior/blob/master/test/iron-overlay-behavior.html (例如:查看iron-overload-opened事件的第147行)

Answer 2

即使这是一个古老的话题，仍然有一件事是人们应该知道和注意的：

我强烈建议您也检查侦听器函数中的event.target。例如，如果在iron-overlay中有另一个使用paper-dialog的元素，关闭该元素将触发paper-dialog上的侦听器。(您可以使用vaadin-date-picker来尝试此操作)。

所以：

<paper-dialog on-iron-overlay-closed="_myClosedFunction"></paper-dialog>

然后是_myClosedFunction

_myClosedFunction(e) {
  if(e.target.nodeName == "PAPER-DIALOG") {
    //...toDo stuff...
  }
}

现在您可以保证，只要只关闭纸面对话框，您的代码就会被执行。