Search code examples
ruby-on-railscocoon-gem

Rails 4, Cocoon, ERB Template, how to make selected an options_from_collection_for_select in Edit Action?


This is my first time with Cocoon, and maybe this is a really dumb question, but I already spend many time looking how to do this with ERB template and avoid using simple_form or other helper.

Take a look of my models:

models/loot.rb

class Lot < ActiveRecord::Base

  has_many :colindanciums, dependent: :destroy
  has_many :cardinal_points, through: :colindanciums 
  accepts_nested_attributes_for :colindanciums, allow_destroy: true

end

models/colindancium.rb

class Colindancium < ActiveRecord::Base
    belongs_to :cardinal_poing
    belongs_to :lot
end

models/cardinal_point.rb

class CardinalPoint < ActiveRecord::Base
    has_many :colindanciums
    has_many :lots, through: :colindanciums
end

The form: views/lots/_form.html.erb

<%= form_for(@lot, remote: true) do |f| %>
  <%= render 'shared/error_messages', object: @lot %>
...
...
...

    <fieldset id="colindancium-orientation"> 
      <ol> 
        <%= f.fields_for :colindanciums do |colindancium| %> 
          <%= render 'colindancium_fields', f: colindancium %> 
        <% end %> 
      </ol> 
      <%= link_to_add_association 'Nueva Colindancia', f, :colindanciums, 'data-association-insertion-node' => "#colindancium-orientation ol", 'data-association-insertion-method' => "append" %> 
    </fieldset> 

...
...
...            
<% end %>

The partial:

views/lots/_colindancium_fields.html.erb

<li class="control-group nested-fields">
  <div class="controls">
    <%= f.label :description, "Descripcion:" %>
    <%= f.text_field :description %>

    <%= f.label :linear_meters, "Metros Lineales:" %>
    <%= f.text_field :linear_meters %>

    <%= f.label :cardinal_point_id, "Orientacion:" %>
    <%= f.select :cardinal_point_id, 
        options_from_collection_for_select(CardinalPoint.all, :id, :name), { }, { :class => "form-control", :prompt => "Seleccione un Punto Cardinal" } %>

    <%= link_to_remove_association "Eliminar", f %>
  </div>
</li>

Everything works great when I insert new fields, it saves it in DB, it Update it in DB, my problem is in the options_from_collection_for_select when I open the form in Edit Action, the fourth parameter of this helper is the selected value... I can't find the way to make selected the value that is stored in my db, it always show the 1 index... I can't access the @... object from the _form, the other fields (:description, :linear_meters) are working quite good my problem is in the f.select, I don't know how to do it.

EDIT My controller:

# GET /lots/new
  def new
    @lot = Lot.new
    @lot.colindanciums.build
    authorize @lot
  end

  # PATCH/PUT /lots/1
  # PATCH/PUT /lots/1.json
  def update
    authorize @lot
    respond_to do |format|
      if @lot.update(lot_params)
        format.html { redirect_to @lot, notice: 'Lot was successfully updated.' }
        format.json { render :show, status: :ok, location: @lot }
        format.js
      else
        format.html { render :edit }
        format.json { render json: @lot.errors, status: :unprocessable_entity }
        format.js { render json: @lot.errors, status: :unprocessable_entity }
      end
    end
  end

Solution

  • I change my logic in the select, i made it works in this way:

      <div class="form-group">
        <%= f.label :cardinal_point_id, "Orientacion:", :class => "control-label" %>
        <%= f.select :cardinal_point_id , CardinalPoint.all.collect  {|p| [ p.name, p.id ] }, { :include_blank => 'Seleccione un Punto Cardinal'}, :class => "form-control" %>
      </div>
    

    I post my answer in case anybody have the same issue.