聚合物：在纸张按钮按下“确定”后，获取纸张对话框中的纸张输入值

Question

我需要在按下“确定”按钮之后获取纸张对话框中某些纸张输入字段的值，纸按钮。

我：

... 
<paper-dialog id="notediag" heading="Add Note" transition="paper-dialog-transition-center"> 
    <paper-input id="dialog-add-note-header" label="Header" 
     value="{{valHeader}}"></paper-input> 
    <br> 
    <paper-input id="dialog-add-note-text" label="Text"></paper-input> 

    <paper-button label="Cancel" dismissive></paper-button> 
    <paper-button label="Ok" affirmative default 
     on-click="{{addNote}}"></paper-button> 
</paper-dialog> 
... 

<script> 
Polymer('note-list',{ 
    addNote: function(e, detail, sender) 
    { 
     var header=??? 
     console.log("add note "+header); 
    } 
}); 
</script> 

我试过多种方法找到的文件输入字段的值，但没有找到一个propper办法做到这一点。 e.target.templateInstance不起作用。对document.querySelector('#dialog-add-note-header')的调用会导致null。

任何想法？

感谢您的帮助。

斯特凡

Answer 1

{{valHeader}}您笔记列表中创建一个属性 elelemt这势必给纸输入的输入值。

您可以

var header = this.valHeader 

document.querySelector('#dialog-add-note-header')访问它不工作，因为纸输入元素是paper-dialog的影子DOM里面。但是，您可以使用Polymer的节点查找实用程序this.$.dialogAddNoteHeader（将您的id属性重命名为不包含破折号）直接访问输入元素。