在聚合物2.x中设计原生输入？

Question

I am trying to implement this answer.

有什么办法到<paper-button>的on-click或on-tap事件绑定到以下任一hiddeninput元素？

我-form.html

<iron-form> 
    <form> 
    ... 
    <my-buttons></my-buttons> 
    ... 
    <input hidden type="reset"> 
    <input hidden type="submit"> 
    </form> 
<iron-form> 

或触发以任何方式这些事件？即，我从<paper-button>如下

我-buttons.html

<paper-button on-tap="_reset">Reset</paper-button> 
<paper-button on-tap="_save">Save</paper-button> 

<script> 
    _reset() { 
    // dispatchEvent... 
    } 
    _save() { 
    // dispatchEvent... 
    } 
</script> 

我想给漂亮（材质设计）的造型给我显示我<iron-form>的用户按钮分派的事件。

I am also watching @notwaldorf's (Monica D's) tutorial here.

Answer 1

你并不真的需要那些隐藏的投入，<iron-form>提供了相当于事件的API。即，<iron-form>.submit()和<iron-form>.reset()：

// <iron-form id="form"> 

_reset() { 
    this.$.form.reset(); 
} 

_submit() { 
    this.$.form.submit(); 
} 

demo