1

我正在尝试使用 Rails3 和咖啡脚本实现排序列表。我之前遇到了路由问题，在您的慷慨帮助下能够解决它，所以现在我遇到了另一个问题，我的数据参数没有传递到服务器，

以下是我的看法

#index.html.erb 
<h1>Listing books</h1>
<ul id="books"> <% @books.each do |book| %>
  <li class="book<%= book.id %>"><span class="handle">[drag]</span><%= book.name %></li>
<% end %></ul>
<%= link_to 'New book', new_book_path %>

以下是我的 books.js.coffee 文件

jQuery ->
  $('#books').sortable
    axis: 'y'
    handle: '.handle'
    update: ->
      $.post('/books/sort', $(this).data('#books'), $(this).sortable('serialize'))

以下是我的控制器

#books_controller.rb
def sort
  @books = Book.all
  @books.each do |book|
    book.position = params['book'].index(book.id.to_s) + 1
    book.save
  end

  render :nothing => true
end

这是我得到的错误

Served asset /jquery.js - 304 Not Modified (0ms)

Started POST "/books/sort" for 127.0.0.1 at 2012-11-28 17:03:25 +0530
Processing by BooksController#sort as */*
  Book Load (0.2ms)  SELECT "books".* FROM "books" 
Completed 500 Internal Server Error in 2ms

NoMethodError (undefined method `index' for nil:NilClass):
  app/controllers/books_controller.rb:14:in `block in sort'
  app/controllers/books_controller.rb:13:in `each'
  app/controllers/books_controller.rb:13:in `sort'


  Rendered /home/sameera/.rvm/gems/ruby-1.9.2-p290/gems/actionpack-3.2.9/lib/action_dispatch/middleware/templates/rescues/_trace.erb (40.8ms)
  Rendered /home/sameera/.rvm/gems/ruby-1.9.2-p290/gems/actionpack-3.2.9/lib/action_dispatch/middleware/templates/rescues/_request_and_response.erb (1.0ms)
  Rendered /home/sameera/.rvm/gems/ruby-1.9.2-p290/gems/actionpack-3.2.9/lib/action_dispatch/middleware/templates/rescues/diagnostics.erb within rescues/layout (47.7ms)

所以当我说p params，我明白{"action"=>"sort", "controller"=>"books"}了，所以它没有一个名为“book”的参数，因此给出了一个 nil 错误，有人可以帮助我吗？

任何帮助将不胜感激

提前致谢

4

1 回答 1

2

你这里有几件事出了问题。首先，您的$.post论点有点混乱：

$.post('/books/sort', $(this).data('#books'), $(this).sortable('serialize'))

$.post想要第二个参数中的数据，所以就是这样：

$.post('/books/sort', $(this).sortable('serialize'))

更有意义。

Sortable 的serialize方法希望 DOMid属性具有特定的形式：

默认情况下，它通过查看格式中每个项目的 id 来工作"setname_number"，并吐出一个像"setname[]=number&setname[]=number".

在您的 Rails 控制器中，您需要一组书籍 ID，params[:book]因此您想book[]=id&book[]=id&...访问您的服务器。这意味着您希望您<li>的 s 看起来更像这样：

<li id="book_<%= book.id %>">

或者您可以class通过包含下划线来保留使用属性：

<li class="book_<%= book.id %>">

然后告诉serialize看class：

$(this).sortable('serialize', attribute: 'class')

您还应该使用该expression选项并单独保留 HTML：

$(this).sortable('serialize', attribute: class, expression: /(book)(.+)/)

还有其他几种安排方式，请参阅可排序文档以获取更多详细信息。

于 2012-11-28T22:35:21.190 回答