kaminari paginate通过ajax,remote = true不影响rails 3中的视图

时间:2014-06-24 11:31:07

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

您好我正在使用kaminari gem进行分页,我想通过ajax进行paginatation。

index.html.haml

#abc
 = render :partial => 'anything/anything_lists', collection: @anything_upcoming, as: :anything_schedule
#paginator
 = paginate @anything_upcoming, :remote => true, :param_name => "anything_upcoming_page"

index.js.haml

$('#abc').html('#{escape_javascript render(partial: "anything/anything_lists")}');
$('#paginator').html('#{escape_javascript(paginate(@anything_upcoming, :remote => true, :param_name => "anything_upcoming_page").to_s)}');

控制器文件:

@anything_upcoming = AnythingSchedule.anything_upcoming.page(params[:anything_upcoming_page]).per(Settings.pagination.per_page)

respond_to do |format|
  format.js
  format.html
end

view source显示data-remote = true但是log将Website :: EventsController #index显示为HTML。 所以我在这里失踪了。

编辑:我正在对js文件进行一些实验,我将index.js.haml转换为index.js.erb,只有一次我得到ajax请求,并且还显示在日志上调用JS。我再次重做然后像往常一样没有得到ajax请求。

最终修改 application.js

//= require jquery
//= require jquery_ujs 
//= require ckeditor-jquery
//= require bootstrap.min
//= require bootstrap-datepicker.min
//= require bootstrap-timepicker.min
//= require chosen.jquery.min
//= require jquery.popupoverlay
//= require common
//= require ace-elements.min
//= require registrations
//= require courses
//= require instructors
//= require jsapi
//= require donation
//= require workshops
//= require nav_settings_dropdown
//= require events
//= require event_schedules
//= require manage_home
//= require jquery.blockUI
//= require rails

宝石文件

gem 'rails', '3.2.17'
gem 'haml'
gem 'haml-rails'
gem "rails_config", "~> 0.3.3"

group :assets do
gem 'sass-rails',   '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'uglifier', '>= 1.0.3'
gem 'jquery-fileupload-rails'
gem 'jammit'
end

gem 'jquery-rails'
gem "kaminari", "~> 0.14.1"

1 个答案:

答案 0 :(得分:8)

您必须忘记在广告文件

中加入application.js

OR

您使用的是其他js或布局,然后是默认布局。请检查

<强> Reasone

分页的语法是正确的

= paginate @anything_upcoming, :remote => true, :param_name => "anything_upcoming_page"

您还包含了jquery-rails gem,还包含了application.js

中的库

并且您说data-remote = true正在应用于该元素。所以我猜的唯一问题就是一个。