Javascript 如何获得;“确认”;纸张对话框聚合元素的返回值?
请参见聚合物应用程序中的以下html:Javascript 如何获得;“确认”;纸张对话框聚合元素的返回值?,javascript,polymer,Javascript,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 di
<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>
如何从对话框中获取“已确认”的返回值?您通常会将一个处理程序附加到对话框上的
iron overlay closed
事件,以确定它是否已确认,因为纸张对话框实现了
比如:
<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>
你确定吗?
(功能(){
var scope=document.querySelector(“#scope”);
scope.dismissDialog=函数(e){
控制台日志(如详细信息已确认);
如果(如详细信息已确认){
//确认的逻辑在这里
}
}
})();
<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>