Rails3 - 使用Kaminari + AJAX +不引人注目的javascript排序和分页

时间:2011-04-22 20:07:24

标签: ajax ruby-on-rails-3 pagination unobtrusive-javascript kaminari

我已成功与Kaminari建立了ajax分页。

为了添加一个排序功能,我遵循了这个伟大的Railscast并用Kaminari取代了will_paginate。

分页效果很好,但排序第一次起作用,因为sort_column和sort _direction没有更新。

我无法弄清楚原因。

这是我的代码:

控制器:

def index
 @questions = Question.order(sort_column + " " +  sort_direction).page(params[:page])
end

....

private

def sort_column
 Question.column_names.include?(params[:sort]) ? params[:sort] :  "created_at"
end

def sort_direction
 %w[asc desc].include?(params[:direction]) ? params[:direction] : "desc"
end

我已将:remote => true, :method => :get添加到

ApplicationHelper:

def sortable(title = nil, column)
 title ||= column.titleize
 direction = column == sort_column && sort_direction == "asc" ? "desc" : "asc"
 link_to title, params.merge(:sort => column, :direction => direction), :remote => true, :method => :get
end

index.html.erb:

<%= sortable "created_at" %><br/>
<div id="questions"><%= render @questions %></div>
<div id="paginator"><%= paginate @questions, :remote => true %>

index.js.erb:

$('#questions').html('<%= escape_javascript(render @questions) %>');
$('#paginator').html('<%= escape_javascript(paginate(@questions, :remote => true).to_s) %>');

这是:remote => true, :method => :get部分的问题吗?如果我删除它,排序有效,但没有ajax。

2 个答案:

答案 0 :(得分:3)

@products = Product.order("name").page(params[:page])  

http://asciicasts.com/episodes/254-pagination-with-kaminari

答案 1 :(得分:-5)

我希望你建议看一下这个screencast

排序数据列非常容易实现。