2014-06-24 13 views
5

Xin chào tôi đang sử dụng đá quý kaminari để phân trang và tôi muốn làm paginatation qua ajax.kaminari paginate qua ajax, remote = true không ảnh hưởng đến chế độ xem trong đường ray 3

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)}'); 

tập tin điều khiển:

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

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

xem mã nguồn cho thấy dữ liệu từ xa = true nhưng đăng nhập hiển thị Website :: Chỉ số EventsController # dưới dạng HTML. vì vậy những gì tôi đang thiếu ở đây.

Chỉnh sửa: tôi đang thực hiện một số thử nghiệm trên tệp js và tôi chuyển đổi index.js.haml thành index.js.erb và chỉ một lần tôi nhận được yêu cầu ajax và cũng hiển thị gọi JS trên nhật ký. và tôi làm lại một lần nữa sau đó như thường lệ không nhận được yêu cầu ajax.

cuối cùng Sửa application.js

nộp
//= 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

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" 

Trả lời

7

bạn phải đã quên để bao gồm các application.js trong file layout của bạn

HOẶC

bạn đang sử dụng một js hoặc bố cục khác, mặc định là bố cục hoặc bố cục mặc định. Vui lòng kiểm tra này

Reasone:

Cú pháp cho pagination là đúng

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

bạn cũng đã bao gồm jquery-rails đá quý và cũng bao gồm các thư viện trong application.js

và bạn đang nói data-remote = true đang áp dụng cho phần tử. Vì vậy, vấn đề duy nhất tôi đoán còn lại là trên một.

Các vấn đề liên quan