2017-08-17 11 views
0

単純な検索フォームを使用しています。送信時に、AJAXを使用して別のフォームを電子メールテキストフィールドおよび送信ボタンでレンダリングします。フォーム提出時に、AJAXコールを使用して別のフォームをレンダリングします。

初期フォームはrails_adminカスタムアクションの一部です。検索パラメータを2番目のフォームにも持ちたいと思います。私はrespond_toを試したし、レンダリングしている

javascript: 
    $(".index_collection_link").hide() 
= form_tag "/admin/send_emailf", class: "form-group", method: "get" 
    .row 
    .col-xs-12 
     .col-xs-5 
     .search style= "float:left;padding-top:5px;" 
      = "Email " 
     =email_field_tag 'email',"" ,class: "form-control pull-right" 
     .col-xs-4 
     = submit_tag "Send", class: "btn btn-info” 

::第二の形式をレンダリングする部分の方法を私は、電子メールの入力フィールドを持つ別のフォームをレンダリングする場合は、このフォームの提出に

javascript: 
    $(".index_collection_link").hide() 
= form_tag "/admin/sample/search_action”, class: "form-group", method: "get", :remote=>"true" 
    .row 
    .col-xs-12 
     .col-xs-5 
     .search 
      = "Search:" 
     =text_field_tag 'search',"" ,class: "form-control pull-right" 
     .col-xs-4 
     = submit_tag "Search", class: "btn btn-info" 

。ファイルがレンダリングされたが、フロントエンドでは検索フォームに表示されていることがコンソールに表示されます。

ありがとうございます。

答えて

0

この種の機能を処理するもう1つの方法は、js.erbを使用することです。

ファイルをsearch_action.js.erbとして作成し、部分的にレンダリングし、その部分に別のフォームのhtmlコードを入れて、のappend()メソッドを使用してください。

+0

ありがとう@GaganGupta。私は、リモートの真を使って、レールでデフォルトの方法を試してみました。しかし、Ajaxを従来の方法で使用して問題を解決しました。 –

+0

@EktaVerma大丈夫です! :) –

関連する問題