防止纸张对话框在确定按钮上关闭

Prevent paper-dialogs from closing on affirmatitive button

本文关键字：按钮 对话框      更新时间：2023-09-26

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

<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="可以修复它，但无济于事。有没有我能做到的？

我找到了一个解决方案，我觉得自己一直做错了这件事，有点白痴。我把closeSelector=""放在纸张按钮标记中，而不是放在纸张对话框标记中。我还通过做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>
相关文章：