Ruby on Rails sort list
I created a sortable list in my RoR project, unfortunately it does not preserve the position of the list. When the page is refreshed, the items return to their normal location. I pasted the code below or you can git it: git: //github.com/mdgrech/23notes-.git
app/views/notes/index.html.erb
/////////////////////////////////////////////////////////////////////////////////////////////
<div id="newNoteDiv"></div>
<ul id="notesList">
<% for note in @notes %>
<li id="<%=h note.position %>">
<span class="handle">[drag]</span>
<div id="listContent">
<h3><%= link_to note.title, edit_note_path(note) %></h3>
<p><%=h note.content %></p>
<%= link_to "Destroy", note, :confirm => 'Are you sure?', :method => :delete %>
</div>
</li>
<% end %>
</ul>
<%= sortable_element("notesList", :url => sort_notes_path, :handle => "handle" ) %>
app/controllers/notes_controller.rb
//////////////////////////////////////////////////////////////////////////////////////////
def index
@notes = Note.all(:order => "position")
end
def sort
params[:notes].each_with_index do |id, index|
Note.update_all(['position=?', index+1], ['id=?', id])
end
render :nothing => true
end
config/routes.rb
//////////////////////////////////////////////////////////////////////////////////////////
map.resources :notes, :collection => { :sort => :post }
map.root :notes
app/models/note.rb
//////////////////////////////////////////////////////////////////////////////////////////
class Note < ActiveRecord::Base
acts_as_list
end
+2
source to share
1 answer
Ok, this is the id you are assigning to the ul, selected by sortable_element and the parameters you specify should be the same, i.e .:
<ul id="foofooberry"
...
</ul>
<%= sortable_element('foofooberry', :url => sort_notes_path) %>
def sort
params[:foofooberrry].each_with_index do |id, index|
Note.update_all(['position=?', index+1], ['id=?', id])
end
render :nothing => true
end
0
source to share