2

我已经到处寻找解决方案，但找不到适合我的具体问题或我能理解的解决方案。我有一个 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

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

4

1 回答 1

0

我们正在做的方式是：

  1. 在“可排序”上使用“停止”事件。
  2. 在停止事件中，使用索引遍历“ul”的所有元素。索引是项目的“排序位置”。
  3. 做一个 ajax POST 来修改所有项目的位置。
于 2012-06-17T04:41:19.207 回答