Question

我有这种聚合物接触元件：

<polymer-element name="contact-element">
  <template>
    <paper-input label="Your Name" id="contact-name" floatingLabel></paper-input>
    <paper-input multiline label="Your text here..." id="contact-message" floatingLabel></paper-input>
    <paper-button label="Send Data" id="contact-submit" raisedButton></paper-button>
  </template>
  <script>
    Polymer({});
  </script>
</polymer-element>

它包含在此index.html

中

<form action="/sendMessage" method="GET">
        <contact-element></contact-element>
</form>

是否有纸质按钮的提交属性，还是我必须使用JS进行提交？

Answer 1

尝试使用ajax-form元素：http://ajax-form.raynicholus.com。

它支持纸质元素。

Answer 2

对于任何未来的读者，现在已发布1.0：

这是基本的html表单处理。在撰写本文时，Polymer现在拥有iron-form，但您仍然可以像任何其他形式一样提交。

<form is="iron-form" id="form" method="post" action="/">

  <paper-input name="testinput"></paper-input>

  <paper-button raised click="document.getElementById('form').submit();">
     Post
  </paper-button>

</form>

Answer 3

来自Polymer的博客： https://blog.polymer-project.org/featured/2014/09/23/featured-002/

Ray Nicholus'ajax-form元素提供了一种提交表单的简单方法。 ajax-form适用于传统的表单元素，以及具有name属性和值的任何自定义元素 - 包括Core和Paper输入元素。

https://github.com/rnicholus/ajax-form http://ajax-form.raynicholus.com

Answer 4

正如您所指出的那样，paper-button不会扩展原生button元素，您必须使用write your own JavaScript来处理表单提交或等待{{3 } paper-forms聚合物元素。

如何提交聚合物表格？

4 个答案: