Dropping and Sorting with AJAX and script.aculo.us - Droppables with Ajax

(Page 2 of 4 )

All the options specified in the previous section are available whether you create your droppable with JavaScript (Droppables.add) or the Rails helpers (drop_receiving_elementanddrop_receiving_element_js). However, when created with the helpers, some additional options are available. Namely, all thelink_to_remoteoptions, such asupdate andurl(described in Chapter 3), are also available, and will be used to create anonDropcallback function for doing Ajax calls with droppables. For example:

  <div id="drag" class="green box">drag </div>
  <%= draggable_element :drag, :revert => true %>

  <div id="drop" class="pink box">drop</div>
  <%= drop_receiving_element :drop, :hoverclass => "hover",
       :update => "status", :url => { :action => "receive_drop" } %>

  <div id="status"></div>

Notice that the:urloption points to areceive_dropaction, so we’ll need to define that in chapter4_controller.rb:

  def receive_drop
    render :text => "you dropped element id #{params[:id]}"
  end

Unless overridden by the:withoption, thedrop_receiving_elementAjax call will automatically include the ID of the draggable as theidparameter of the request.

Next: Sortables >>
 

More Ruby-on-Rails Articles
More By O'Reilly Media

Comments On: Dropping and Sorting with AJAX and script.aculo.us

· This article is an excerpt from the book "Ajax on Rails," published by O'Reilly. We...   >>> Post your comment now!

Buy this book...

This article is excerpted from chapter four of the book Ajax on Rails, written by Scott Raymond (O'Reilly, 2007; ISBN: 0596527446). Check it out today at your favorite bookstore. Buy this book now.