hi, I am curently using rails version 2.1.1. Currently i have done simple pagination using will_paginate plugin.it works.but when i am trying pagination using ajax with help of will_paginate plugin it wont works.i am also using RemoteLinkRenderer helper, but it gives an error uninitialized constant RemoteLinkRenderer. can anyone provide any tutorial or sample code so that i can implement pagination using ajax with will_paginate plugin or anything else.
Thanks.
Hi Add the following code to view_helpers.rb .The file is in vendor/plugins/will_paginate/lib/will_paginate(if you are using plugin)
def page_link_or_span(page, span_class = 'current', text = nil) text ||= page.to_s if page and page != current_page if update = @options[:update] @template.link_to_remote text, :update => update, :url => url_options(page) else @template.link_to text, url_options(page) end else @template.content_tag :span, text, :class => span_class end
Then for ajax pagination in view do like <%= will_paginate @thecollectionyouwanttopaginate, :update=>'div', :params=>{:controller=>'controller_name',:action=>'action_name',:any_additional_parameters=>@any_additional_parameters}, :container => false %>
And for normal pagination do what you are currenly doing
Sijo
Sijo Kg wrote:
Hi Add the following code to view_helpers.rb .The file is in vendor/plugins/will_paginate/lib/will_paginate(if you are using plugin)
def page_link_or_span(page, span_class = 'current', text = nil) text ||= page.to_s if page and page != current_page if update = @options[:update] @template.link_to_remote text, :update => update, :url => url_options(page) else @template.link_to text, url_options(page) end else @template.content_tag :span, text, :class => span_class end
Then for ajax pagination in view do like <%= will_paginate @thecollectionyouwanttopaginate, :update=>'div', :params=>{:controller=>'controller_name',:action=>'action_name',:any_additional_parameters=>@any_additional_parameters}, :container => false %>
And for normal pagination do what you are currenly doing
Sijo
Hi,sijo. Thanks for ur suggestion,but i am not using will_paginate plugin. I use mislav will_paginate,can i use same code as above, since there is no plugin inside vendor/plugin.any suggestion required? Thanks.
Hi If u use gem install to install will_paginate the library files you can find inside /usr/lib/ruby/gems/#versionNo/gems/ (For linux) for windows you have to find out where the location..I think in ProgramFiles(right?) You can find all the installed gems there .And go to will_paginate directory there Inside that go to lib directory .There you can find out the required file..
Sijo
Sijo Kg wrote:
Hi If u use gem install to install will_paginate the library files you can find inside /usr/lib/ruby/gems/#versionNo/gems/ (For linux) for windows you have to find out where the location..I think in ProgramFiles(right?) You can find all the installed gems there .And go to will_paginate directory there Inside that go to lib directory .There you can find out the required file..
Sijo
Thanks,Sijo,
i apply all these code ,but it is not working as i need. i want only particular div is replaced but total page is refresh.here is my code. in controller:: @user = User.paginate :page => params[:page], :per_page => 2 in view :: <table> <% for usr in @user%> <tr><td><%=usr.user_name%></td> <td> <%= link_to_remote 'Edit User', :update => 'GeneralDiv', :complete => "Element.show('GeneralDiv');", :url => "/userinfo/edituser/#{usr.id}" %></td> <td> <%= link_to_remote 'Delete User', :confirm => 'Are you sure?', :update => 'GeneralDiv', :complete => "Element.show('GeneralDiv');", :url => "/userinfo/deleteuser/#{usr.id}" %></td></tr> <% end %>
<%= will_paginate @user, :update=>'GeneralDiv', :params=>{:controller=>'userinfo',:action=>'showuser'}, :complete=>"Element.show('GeneralDiv');", :container => false %> </table> and i also apply ur code in view_helpers.rb. i attach this file.
any suggestion, thanks.
Attachments: http://www.ruby-forum.com/attachment/2861/view_helpers.rb
Hi
Which version of gem r u using? In controller you can do like @user = User.paginate :page => params[:page], :per_page => 2 and in view you can do <%= will_paginate @user,:update=>'GeneralDiv',:params=>{:controller=>'userinfo',:action=>'showuser',:sd_id=>@sd_ticket}, :container => false %>
I dont know why you use :complete=>"Element.show('GeneralDiv');"
Also pass the params (if any) to will_paginate in view..And restart your server also.
Sijo
I just don’t understand why people want to make it so hard on themselves. I know for a fact that will_paginate wraps the pagination links in a
document.observe(“dom:loaded”, function() {
// pagination is the class will_paginate wraps around the links
// let’s keep the number of observers limited to one, your browser will thank you
$$(‘.pagination’).observe(‘click’, function(e) {
var clicked = $(e.target);
// time to see if the clicked item was indeed one of the links
if(clicked.match(‘a’)) {
// if it was, stop the default page refresh and fire an ajax request instead
// let’s not forget a RESTful design wants use to use GET instead of the default POST method
e.stop();
new Ajax.Request(clicked.href, {method: ‘get’});
}
});
}
The code is untested, but looks to me like I didn’t make a mistake. You could even take the event delegation a bit further and put it on the window element, but that’s up to you guys to experiment with.
Best regards
Peter De Berdt
Memo to self: don’t write code while being ill, you make stupid mistakes. Updated code that should work better (pastie has also been updated):
document.observe(“dom:loaded”, function() {
// pagination is the class will_paginate wraps around the links
$$(‘.pagination’).each(function(pagination) {
// let’s put the observer on the div element and not all the links, your browser will thank you
pagination.observe(‘click’, function(e) {
var clicked = $(e.target);
// time to see if the clicked item was indeed one of the links
if(clicked.match(‘a’)) {
// if it was, stop the default page refresh and fire an ajax request instead
// let’s not forget a RESTful design wants use to use GET instead of the default POST method
e.stop();
new Ajax.Request(clicked.href, {method: ‘get’});
}
})
});
}
Best regards
Peter De Berdt