带有 JQuery 可排序问题的 Ruby on Rails答案

【问题标题】：Ruby on Rails with JQuery Sortable problems带有 JQuery 可排序问题的 Ruby on Rails
【发布时间】：2012-06-18 05:21:11
【问题描述】：

我已经到处寻找解决方案，但找不到适合我的具体问题或我能理解的解决方案。我有一个 RoR 应用程序，它允许人们使用拖放界面，使用 JQuery UI 的 Sortable 对“选举”进行“投票”。我将拖放列表中的每个元素称为“首选项”。所有“首选项”都从未排序的 (sortable2) 列开始，用户将它们拖到已排序的列 (sortable1) 上。我只想保存用户拖入“sortable1”的“首选项”的位置。

对于拖放，我使用了JQuery UI的Sortable，界面相当不错。但是，我在实际提交每个首选项的位置以最终将其记录在数据库中时遇到问题。这是我的第一个网络应用程序，我对此很陌生。非常感谢您的帮助。这是我的代码：

在创建新投票的视图中：

<script>
$(function() {
  $( "ul.droptrue" ).sortable({
  connectWith: "ul"
});

$( "#sortable1, #sortable2" ).disableSelection();
});

<ul id="sortable1" class='droptrue'>
Preferences:

</ul>

<ul id="sortable2" class='droptrue'>
Unranked candidates:
  <% @vote.preferences.each do |preference| %>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>      
    <%= preference.candidate.name %></li>
  <% end %>
</ul>

根据我在网上找到的建议，我在 votes_controller.rb 中添加了“排序”：

class VotesController < ApplicationController
  respond_to :html, :json

  # I added this 
  def sort
      params[:preferences].each_with_index do |id, index|
         @vote.preferences.update(['position=?', index+1], ['id=?', id])
      end
      render nothing: true
  end

在 vote.rb 中，我有：

class Vote < ActiveRecord::Base
    # ...
    has_many :preferences
    accepts_nested_attributes_for :preferences, allow_destroy: true, reject_if: lambda { |c| c.values.all?(&:blank?) }
end

在preference.rb中，我有：

class Preference < ActiveRecord::Base
   attr_accessible :position
   belongs_to :vote, dependent: :destroy
end

在 routes.rb 中，我有：

resources :votes do
   put :sort
end

老实说，如果有人能成为我的英雄并帮助我的兄弟，那我会很开心。我搜索了很长时间以避免发布可能多余的东西，但是我在这里和通过谷歌找到的所有东西都帮不了我。谢谢。

【问题讨论】：

标签： jquery ruby-on-rails ruby-on-rails-3 jquery-ui jquery-ui-sortable

【解决方案1】：

我们的做法是：

在“可排序”上使用'stop' event。
在停止事件中，遍历所有带有索引的“ul”元素。索引是项目的“排序位置”。
制作一个 ajax POST 来修改所有项目的位置。

【讨论】：