[英]How to get “confirmed” return value of a paper-dialog polymer element?
在Polymer應用程序中查看以下html:
<paper-dialog id="confirmation" modal auto-fit-on-attach>
<h2><spring:message code="confirmation" /></h2>
<p>Are you sure ?<p>
<div class="buttons">
<paper-button dialog-confirm><spring:message code="yes" /></paper-button>
<paper-button dialog-dismiss><spring:message code="no" /></paper-button>
</div>
</paper-dialog>
以下JavaScript:
document.querySelector("#confirmation p").innerText = (message === undefined) ? "No message" : message;
document.getElementById("confirmation").toggle();
如何從對話框中獲取'確認'的返回值?
您通常會在對話框上附加一個處理器給iron-overlay-closed
事件,以確定它是否已confirmed
因為paper-dialog實現了PaperDialogBehavior 。
所以類似於:
<template is="dom-bind" id="scope">
<paper-dialog id="confirmation" modal auto-fit-on-attach on-iron-overlay-closed="dismissDialog">
<h2><spring:message code="confirmation" /></h2>
<p>Are you sure ?<p>
<div class="buttons">
<paper-button dialog-confirm><spring:message code="yes" /></paper-button>
<paper-button dialog-dismiss><spring:message code="no" /></paper-button>
</div>
</paper-dialog>
</template>
<script>
(function() {
var scope = document.querySelector('#scope');
scope.dismissDialog = function(e) {
console.log(e.detail.confirmed);
if (e.detail.confirmed) {
// confirmed logic goes here
}
}
})();
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.