18

私はこれを持っています

<form id="form_837299" class="appnitro"  method="post" action="insert.php"> <paper-input label="Title" name="title" maxlength="255">
            </paper-input>
          <paper-input floatinglabel multiline label="text" name="text"></paper-input>                           


          <li class="buttons">                                       

            <input type="hidden" name="form_id" value="837299" />                                                        
            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />                           
          </li>                          
        </ul>                    
      </form>

POST データに問題があります。「テキスト」と「タイトル」に何も送信されません (すべて用紙入力)。

テンプレートを修正し、アトリビュート「name」は現在、Polymer が作成した 1 つの div にあります。しかし、データは送信されません。

print_r($_POST); これだけを示しています： Array ( [form_id] => 837299 [submit] => Submit )

フォーム上で Polymer と Material UI を使用する方法を知っている人はいますか?

4

2 に答える 2

10

ネイティブ フォーム要素を拡張する要素のみが、フォームと共に自動的に送信されます。paper-input拡張core-inputするのではなく、内部に入力がある extends 。追加の議論についてはこのメーリング リストの議論を参照し、考えられる解決策についてはこの StackOverflow の投稿を参照してください。

このjsbinのようなものでしょうか？

更新: これはWeb コンポーネント フォームでも同じです。

更新: の作成者がajax-formこの機能を追加したようです。

更新: の使用も検討してiron-formください。

于 2014-06-28T19:40:34.970 に答える
0

Polymer docs によると、これを行う方法は、通常のフォーム入力を作成し、それを<paper-input-decorator>

https://www.polymer-project.org/docs/elements/paper-elements.html#paper-input

私はそれを試してみましたが、うまくいきます。いくつかのより良いフォームのサポートはクールですが、まあまあです。このようなものはまだ一種の岩です。

更新: ポリマーのフォームを処理するための bower パッケージ ( polymer-rails-forms ) を構築しました。特に ActiveRecord の入力命名スキームに合わせて調整されていますが、実際にはどの古いフォームでも機能します。まだ比較的新しいですが、ほとんどの入力タイプ、基本的な検証、xhr および非 xhr 送信をカバーし、image、json、および location* フィールドなどのクールなエクストラがいくつかあります。

場所フィールドは Google Map Places API に依存します

于 2014-11-23T01:55:18.100 に答える