Как подать форму с полимером?

У меня есть вот такой полимерный контакт-элемент:

<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?


javascript polymer
person alexP    schedule 25.07.2014    source источник
comment
Насколько я знаю, вам все еще нужно иметь дело с отправкой форм, как всегда. Разве полимер не является просто настраиваемым тегом и библиотекой импорта?   -  person morkro    schedule 25.07.2014
comment
Да, но полимер не делает настоящую кнопку. Это всего лишь DIV в стиле CSS. Поэтому невозможно отправить мою форму.   -  person alexP    schedule 25.07.2014
comment
Почему бы вам просто не использовать <button type="submit">..</button>?   -  person morkro    schedule 25.07.2014
comment
Я подумал, что есть способ использовать бумажные кнопки. Они уже стилизованы с помощью css.   -  person alexP    schedule 25.07.2014
comment
stackoverflow .com/questions/24867107/   -  person Oliver    schedule 25.07.2014

Ответы (4)


arrow_upward
2
arrow_downward

Попробуйте элемент формы ajax: http://ajax-form.raynicholus.com.

Он поддерживает бумажные элементы.

person Travis Reeder    schedule 21.11.2014

arrow_upward
2
arrow_downward

Для всех будущих читателей, теперь, когда выпущена версия 1.0:

Это базовая обработка html-формы. На момент написания этой статьи Polymer теперь имеет железную форму, но вы по-прежнему отправьте его, как и любую другую форму.

<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>
person M H    schedule 19.07.2016

arrow_upward
1
arrow_downward

Из блога Polymer: https://blog.polymer-project.org/featured/2014/09/23/featured-002/

Элемент ajax-form Рэя Николуса обеспечивает простой способ отправки форм. ajax-form работает с традиционными элементами формы, а также с любыми пользовательскими элементами, которые имеют как атрибут имени, так и значение, включая элементы ввода Core и Paper.

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

person sesteva    schedule 21.11.2014

arrow_upward
0
arrow_downward

Поскольку, как вы указали, paper-buttons не расширяют собственный элемент button, вам придется либо написать свой собственный JavaScript для обработки отправки формы или ожидания готовится paper-forms Полимерный элемент.

person CletusW    schedule 28.07.2014