Rails update has_many through jQuery Draggable Droppable and hidden_field_tag -


i making screen people "vote" each other's favorite images dragging them gallery tray. using jquery draggable / droppable. when user drags image gallery tray, want update has_many :through relationship in database (the vacation votes). trying use hidden_field_tag hold votes.

i not getting parameters passed when form submits. have idea on how this? in advance!

the models

vacation

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

vote

class vote < activerecord::base   belongs_to :vacation   belongs_to :image    attr_accessible :image_id, :vacation_id end

image

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

the 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();       });     }

the view /vacations/show.html.erb

<%= form_for @vacation, :html => { :method => :put, :id => "update_vacation" } |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 |vote| %>         <li class="grid_3 image">           <% link_to @images_all[i] %>             <% content_tag :div %>               <%= 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 |image| %>       <li class="grid_3 image">         <% link_to image %>           <% content_tag :div %>             <%= image_tag image.image_url(:thumb_100_100) %>             <%= hidden_field_tag "vacation[image_ids][]", image.id %>           <% end %>         <% end %>       </li>     <% end %>   <% end %> </ul>

the controller

  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

if want have params form in params[:vacation] hash use: 

<%= f.hidden_field :field %>

instead of

<%= hidden_field_tag :field %>

also might consider sending data asynchronously instead of submitting form after every drag&drop.


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more