Обновление Rails has_many через jQuery Draggable Droppable и hidden_field_tag - PullRequest
2 голосов
/ 04 июля 2011

Я создаю экран, на котором люди «голосуют» за любимые изображения друг друга, перетаскивая их из галереи в трей.Я использую JQuery для перетаскивания / отбрасывания.Когда пользователь перетаскивает изображение из галереи в трей, я хочу обновить свое отношение has_many: through в базе данных (количество голосов за каникулы).Я пытаюсь использовать hidden_field_tag ​​для хранения голосов.

Я не получаю параметры, переданные при отправке формы.У кого-нибудь есть идеи, как это сделать?Заранее спасибо!

Модели

Отпуск

class Vacation < ActiveRecord::Base
  belongs_to :user
  belongs_to :period
  has_many :votes
  has_many :images, :through => :votes
  accepts_nested_attributes_for :votes

  attr_accessible :user_id, :period_id, :name
end

Голосование

class Vote < ActiveRecord::Base
  belongs_to :vacation
  belongs_to :image

  attr_accessible :image_id, :vacation_id
end

Изображение

class Image < ActiveRecord::Base
  belongs_to :user
  belongs_to :category
  has_many :votes
  has_many :vacations, :through => :votes

  attr_accessible :user_id, :title, :facebook_id, :image

  validates_presence_of :user_id;
  validates_presence_of :title;
  validates_presence_of :image;

  validates_length_of :title, :maximum => 255

  mount_uploader :image, ImageUploader
end

Javascript

    var $gallery = $( "#gallery" ),
        $tray = $( "#tray_images" );

    $( "li", $gallery ).draggable({
      cancel: "a.ui-icon", 
      revert: "invalid", 
      cursor: "move",
      helper: "clone"
    });

    $tray.droppable({
      accept: "#gallery > li",
      drop: function( event, ui ) {
        moveImageToTray( ui.draggable );
        $( "#update_vacation" ).submit();
      }
    });

    function moveImageToTray( $item ) {
      $item.fadeOut(function() {
        $tray.append($item);
        $item.fadeIn();
      });
    }

Вид /vacations/show.html.erb

<%= form_for @vacation, :html => { :method => :put, :id => "update_vacation" } do |f| %>
  <%= hidden_field_tag :user_id, @vacation.user_id %>
  <%= hidden_field_tag :period_id, @vacation.period_id %>
  <%= hidden_field_tag :name, @vacation.name %>

  <div id="tray" class="grid_19 push_1 alpha">
    <ul id="tray_images" class="gallery">
      <% @votes.each do |vote| %>
        <li class="grid_3 image">
          <% link_to @images_all[i] do %>
            <% content_tag :div do %>
              <%= image_tag @images_all[i].image_url(:thumb_100_100) %>
              <%= hidden_field_tag "vacation[][image_ids]", vote.image_id %>
            <% end %>
          <% end %>
        </li>
      <% end %>
    </ul>
  </div>
<% end %>

<div class="clear"></div>  

<div class="grid_24">
<ul id="gallery" class="grid_19 push_1 alpha gallery">
  <% @images_all.each do |image| %>
      <li class="grid_3 image">
        <% link_to image do %>
          <% content_tag :div do %>
            <%= image_tag image.image_url(:thumb_100_100) %>
            <%= hidden_field_tag "vacation[image_ids][]", image.id %>
          <% end %>
        <% end %>
      </li>
    <% end %>
  <% end %>
</ul>

Контроллер

  def update
    params[:vacation][:votes] ||= []
    break

    @vacation = Vacation.find(params[:id])
    if @vacation.update_attributes(params[:vacation])
      redirect_to @vacation, :notice  => "Successfully updated vacation."
    else
      render :action => 'edit'
    end
  end

1 Ответ

0 голосов
/ 13 августа 2012

Если вы хотите, чтобы параметры из формы в параметрах [: отпуск] хеш использовали:

<%= f.hidden_field :field %>

вместо

<%= hidden_field_tag :field %>

Также вы можете рассмотреть возможность асинхронной отправки данных вместоотправка формы после каждого перетаскивания.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...