View:
/ Modal products
#productModal.modal.fade
.modal-header
%button.close{"data-dismiss" => "modal"} ×
%h3 Add a product to your list
.modal-body
#product_step_1
= form_for(@new_product, :url => products_path, :remote => true, :html =>
{:class => 'form-horizontal'}) do |f|
.inputs
= f.text_field :url, :required => false, :autofocus => true,
placeholder: "the url to the product..."
%br
%br
= f.submit "Add", :class => "btn btn-primary"
#product_step_2{:style => "display:none;"}
controller:
@all_the_urls = "list of urls"
respond_to do |format|
format.js { render :template => 'products/create', :locals =>
{:all_image_urls => @all_image_urls}}
end
create.js.erb
$("#product_step_1").hide();
$("#product_step_2").show();
作成中のブートストラップ マルチステップ モーダル ウィザードに表示するデータの配列を取得する際に問題が発生しています。プロセスは、ユーザーが最初に URL を入力し、作成アクションによって処理されます。その後、リモートフォームを使用してajax経由で処理しています。コントローラー アクションは create.js.erb ファイルをヒットし、フォームの最初の部分を非表示にして、次の部分を表示します。
ポイントまでのすべてが正常に機能します。問題は、フォームの最初の部分で、(ユーザーが入力したものから) データを使用して変数が設定されたことです。現在、フォームの非表示ではない部分に新しいデータが必要であり、ショーが表示されますjqueryから。コントローラーがrespond_toにヒットし、create.js.erbを適切に処理した後、変数はコントローラーアクションからすべて失われます。
変数が隠し要素にずっと渡されるように、このエンドツーエンドをどのように持つことができますか? (これはすべて同じビューです)。
(私は地元の人たちと一緒に実験していましたが、うまくいきませんでした)。