jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Rails 3 / Kaminari / JQuery – 加载更多按钮:显示结果的问题(它加载整个页面布局而不仅仅是局部布局)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_674_1@
从ajax和 jquery结合rails开始,我试图在我的用户索引页面底部创建一个“加载更多”链接.
我的用户索引页面应该显示10个第一个用户,然后单击它加载用户div底部的下10个用户链接等.
我使用Kaminari进行分页.

我从以下代码开始:

user_controller.rb

def index
  @users = User.page(params[:page]).per(10)
end

用户/ index.html.erb

<div id="users">
  <%= render :partial => @users %>
</div>
<%= link_to "Load more","#",:class => "next" %>

_user.html.erb

<div id="Box">
  <%= link_to full_name(user),user %>
</div>

的application.js

我发现这个片段(信用卡:here)试图满足我的需要:

function loadMore(pageNo) {
  var url = '/users?page=';
  $.get(url + pageNo,function(responsE) {
    $("#users").append(responsE);
  });
}

$(document).ready(function() {
  var currPage = 1;
  $("a.next").click(function() {
    loadMore(++currPagE);
  });
});

我完美地工作,除了它加载所有页面布局与下一个结果不仅我的_user部分中的框div
我该怎么办呢?我是否必须创建一个index.js.erb(类似于:page.insert_html:bottom,:users,:partial => @users但是在jquery中,如果是这样,我该怎么办)?

谢谢你的帮助

解决方法

您应该为此创建一个自己的操作,并与其自己的视图相关联.然后,请务必禁用布局的渲染:

def more_users
  @users = User.page(params[:page]).per(10)
  render :layout => false
end

大佬总结

以上是大佬教程为你收集整理的Rails 3 / Kaminari / JQuery – 加载更多按钮:显示结果的问题(它加载整个页面布局而不仅仅是局部布局)全部内容,希望文章能够帮你解决Rails 3 / Kaminari / JQuery – 加载更多按钮:显示结果的问题(它加载整个页面布局而不仅仅是局部布局)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。