[英]kaminari paginate via ajax ,remote = true is not affect on view in rails 3
您好,我正在使用 kaminari gem 進行分頁,我想通過 ajax 進行分頁。
索引.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
視圖源顯示 data-remote = true 但日志將 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"
您一定忘記在布局文件中包含application.js
或者
您正在使用另一個 js 或布局,然后是默認的。 請檢查這個
原因:
分頁語法正確
= paginate @anything_upcoming, :remote => true, :param_name => "anything_upcoming_page"
您還包含了jquery-rails
gem 並在application.js
包含了庫
並且您是說data-remote = true
應用於該元素。 所以我猜剩下的唯一問題是高於一個。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.