9

私は次のことを試みています。メイン フォームの顧客選択オプション。ユーザーがメイン フォームで顧客を選択すると、その請求書が後続のすべてのパーシャルに表示されます。

ライアン・ベイツのnested_form gemを使用してパーシャルを取得しています。コードは次のとおりです。

<%= simple_nested_form_for @money_receipt do |f| %>

    <div class="customers"><%= f.collection_select :customer_id, Customer.all, :id, :name, options ={:prompt => "-Select a Customer"}, :style=>'width:210px;'%></div><br />
    /*rest of the code*/

    <%= f.link_to_add "Add line items", :money_receipt_line_items %>

パーシャルの内側

<div class="bill">
<%= f.collection_select :customer_bill_id, CustomerBill.all,:id,:id, {:prompt => "Select Customer bill"}, :style => 'width:202px;' %></div><br />

/*rest of the code*/

上記のjQueryコードは次のとおりです

jQuery(document).ready(function(){
   jQuery(".customers select").bind("change", function() {
      var data = {
        customer_id: jQuery(this).val()  
      }
      jQuery.getJSON(
         "/money_receipts/get_bills",
        data, function(data){
      var result = "",a,x;
      var b = "<option>Select customer Bill</option>"
      for(i=0;i<data.length; i++)
      {
       a = data[i];
       result = result + "<option value="+a[0]+">"+a[0]+"</option>";
       console.log(result);
      }
     child=jQuery('.bill select').html(b+result);
    });
    });
  });

そして最後に私が持っているコントローラーで。デフォルト get_bills

    @bill_amount = CustomerBill.find_all_by_customer_id(params[:customer_id]).map{|bill| [bill.id]} if params[:customer_id]
    respond_to do |format|
      format.json { render json: @bill_amount }
    end
  end

請求書をフィルタリングして div id を入れようとしていましたbill。console.logjQueryコードで実行すると、customer_idと請求書を取得していますが、投稿できません。私がこれを行うconsole.logと、child出力が得られますjQuery()。どこが間違っていますか？上記を達成するためのより良い方法はありますか？ガイダンスが必要です。前もって感謝します。

4

1 に答える 1

7

個人的には、JS コードで描画するよりも、HTML をパーシャルに入れる方法を好みます。

このような：

money_receipt.js:

$('.customers select').change(function(){
  $.getScript('/money_receipts/get_bills?customer_id='+$(this).val())
})

get_bills.js.erb:

$('.bill select').html('<%=j render 'get_bills'%>')

_get_bills.html.erb:

<% @bills.each do |bill| %>
<option value="<%=bill.id%>"><%=bill.title%></option>
<% end %>

コードの行数が少ないほど、エラーが入り込む場所が少なくなります。

于 2012-12-19T05:49:59.193 に答える