web-dev-qa-db-ja.com

Polymer + form POST data

私はこれを持っています

<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」が1つのdivに含まれるようになり、Polymerが作成されました。ただし、データは送信されません。

print_r（$ _ POST）;これだけを表示します：Array（[form_id] => 837299 [submit] => Submit）

フォームでPolymerとマテリアルUIを使用する方法を知っている人はいますか？

formspolymermaterial-design
17
Felix

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

this jsbin 多分？

Update：これは Webコンポーネントフォーム でも同じです。

更新： ajax-form には 追加 この機能があります。

Update： iron-form 。

10
CletusW

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

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

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

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

場所フィールドはGoogleMap PlacesAPIに依存します

0
hobberwickey