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

Имам този полимерен контактен елемент:

<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-form: http://ajax-form.raynicholus.com.

Поддържа хартиените елементи.

person Travis Reeder    schedule 21.11.2014

arrow_upward
2
arrow_downward

За всички бъдещи читатели, сега, когато 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>
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