javascript - 防止纸质对话关闭肯定按钮

Question

我有一个用于提交表单的纸质对话框，在提交时，将从服务器接收到任何错误。如果有错误，它们将显示在对话框中。我想处理点击事件，如果没有错误，关闭对话框

<paper-dialog id="addSecretModal" heading="Add secret" transition="paper-dialog-transition-center">
     <paper-input id="dirInput" floatinglabel label="Directory" layout vertical class></paper-input>
     <paper-input id="secretInput" floatinglabel label="Directory" layout vertical class></paper-input>
    <paper-button dismissive>Cancel</paper-button>
    <paper-button id="confirmAddSecret" affirmative autofocus>Accept</paper-button>
</paper-dialog>

我试图删除肯定的，但由于 Polymer 处理对话框的方式，这会弄乱样式。肯定按钮并没有出现在正确的位置，而是位于拒绝按钮上方。我读到 closeSelector=""会修复它，但无济于事。无论如何我可以做到这一点吗？

Answer 1

我找到了一个解决方案，我觉得自己一直在做错这件事，有点像个白痴。我将 closeSelector="" 放在 paper-button 标签中，而不是放在 paper-dialog 标签中。我还想出了如何让它如此不屑一顾仍然有效，方法是 closeSelector="[dismissive]"

<paper-dialog id="addSecretModal" heading="Add secret" transition="paper-dialog-transition-center" closeSelector="[dismissive]">
     <paper-input id="dirInput" floatinglabel label="Directory" layout vertical class></paper-input>
     <paper-input id="secretInput" floatinglabel label="Directory" layout vertical class></paper-input>
    <paper-button dismissive>Cancel</paper-button>
    <paper-button id="confirmAddSecret" affirmative autofocus>Accept</paper-button>
</paper-dialog>