我需要在按下"ok"纸张按钮后获得纸张对话框中一些纸张输入字段的值。
我:
...
<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>
我尝试了多种方法来查找纸张输入字段的值,但没有找到合适的方法。e.target.templateInstance
不工作。对document.querySelector('#dialog-add-note-header')
的调用结果为null。
任何想法?
谢谢你的帮助。
Stefan{{valHeader}}
在note-list元素中创建一个属性,该属性绑定到paper-input的输入值。
可以用
访问var header = this.valHeader
document.querySelector('#dialog-add-note-header')
不起作用,因为paper-input元素在paper-dialog
的阴影DOM内。但是您可以使用Polymer的节点查找工具this.$.dialogAddNoteHeader
(重命名id属性以不包含破折号)直接访问输入元素。