Rails4 別modelのカラム情報を表示する

Question

item show でcategory modelのnameカラムで表示するにはどうしたら良いでしょうか

現状はitem modelのカラムにはcategory_idのint型が入っていています。

item controller

  def list_params
    params.require(:category_id)
  end

 def list
    selected_category = Category.where(parent_id: list_params)#list_paramsで拾ったcategory_idが親カテゴリになっている子カテゴリを集める

    childs = selected_category.sort{|a, b| a.code <=> b.code}
    data = []
    childs.each do |child|
      data << {id: child.id, name: child.name}
    end
    respond_to do |format|
      format.json { render json: data }
    end
  end


  def category_select
    root = Category.find(1)
    @categories = root.childs.sort{|a, b| a.code <=> b.code}
    @childs = @categories[0].childs.sort{|a, b| a.code <=> b.code}
  end

item view

    <!-- アイテム情報 -->
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"> アイテム情報</h3>
      </div>
      <ul class="list-group list-group-flush text-left">

        <li class="list-group-item">
          <%= @item.content %>
        </li>




        <li class="list-group-item">
          <strong>カテゴリ:</strong>
          <%= @item.category_id %>
        </li>
        <li class="list-group-item">
          <strong>subカテゴリ:</strong>
          <%= @item.sub_category_id %>
        </li>

        <li class="list-group-item">
          <strong>コンディション:</strong>
          <%= @item.condition %>
        </li>

        <li class="list-group-item">
          <strong>発送元:</strong>
          <%= @item.area %>
        </li>

        <li class="list-group-item">
          <strong>執行日:</strong>
          <%= @item.limit_day %>
        </li>
      </ul>
    </div>

$(document).on('change', '#category_select', function(evt) { 
                    $.ajax({ 
                        type: 'GET', 
                        url: 'categoreis/list', 
                        dataType: 'json', 
                        data: { 
                            category_id: $("#category_select option:selected").val() 
                        }, 
                        error: function(jqXHR, textStatus, errorThrown) { 
                            console.log("AJAX Error: " + textStatus); 
                        }, 
                        success: function(data, textStatus, jqXHR) { 
                            $("#child_select").empty(); 
                            if (data.length == 0) { 
                                $("#child_select").hide(); 
                            } else { 
                                $("#child_select").show(); 
                            } 
                            $.each(data, function(idx, child) { 
                                // console.log("" + item.code + ":" + item.name); 
                                $("#child_select").append('<option value="' + child.id + '">' + child.name + '</option>'); 
                            }); 
                            console.log("Dynamic country select OK!"); 
                        } 
                    }); 
                }); 

Answer 1

動作環境をつくれないので、ソースを眺めている状態だけで回答します。

child は Category ですよね。
child から items を得て、その item についての name を view に渡すようにすれば良いとおもいます。

Category は has_many で Item に関連付けられているとおもうので、

  child.items.each do ...
  end

で、child を親カテゴリにもつ item を集めることができるはずです。
（child から item を得るには 他にも幾つかのメソッドがあります。
pry で child が持つ メソッドのなかで item　で始まるもの探すと良いです。
binding.pry で berek させたら、 child.item まで打ち込んでから TAB キーを押せば一覧表示されます。)

Comments

[smith]

ごめんなさい
item view のコードが間違っていました。新しく貼りました。
アイテム詳細画面でユーザーが作成したアイテムのカテゴリを番号ではなく
カテゴリクラスのnameで表示したいです。
現状は数字で表示されています。

Answer 2

アソシエーションはできています。