早上又花了几分钟把昨天的代码稍微该了下,将rails支持的ajax callback加进去,修改remote_page_link_or_span
def remote_page_link_or_span(page, span_class, text, param, options)
unless page
content_tag :span, text, :class => span_class
else
link_to_remote text, @@default_options.merge(options).merge({:url=>params.merge(param.to_sym => (page !=1 ? page : nil))})
end
end
新增
@@default_options = {:method=>:get, :update=>''}
那么这样我们的页面上可以加上任何原来rails ajax的callback了,来几个例子
一:Confirm
<%=ajax_paginate @users,:confirm=>'Go?'%>
看到效果了吗,在提交的时候会确认
二:把昨天偷懒的代码抽取出来
<%=ajax_paginate @users, :before => %(Element.show('spinner')), :success => %(Element.hide('spinner'))'%>
三:如果你的controller不是用rjs做的,即不是
render :update do |page|
page.replace_html :page, :partial=>'list'
end
你可以直接指定:update
<%=ajax_paginate @users,:update=>'page', :before => %(Element.show('spinner')), :success => %(Element.hide('spinner'))'%>
分享到:
相关推荐
总之,jQuery paginate插件提供了一种便捷的方法来实现ajax分页,结合了jQuery的强大功能和ajax的无刷新特性,使得网页数据展示更加高效。通过灵活配置,你可以轻松定制符合项目需求的分页导航。在实际应用中,结合...
`jQuery.paginate` 是一个基于 jQuery 的插件,专门用于实现 AJAX 分页功能,它允许用户在不刷新整个页面的情况下加载更多内容。这个插件简化了前端与后端的数据交互,提升了用户体验。 ### 1. jQuery 和 AJAX ...
本教程将详细讲解如何使用包含Ajax功能的分页插件——`jquery.paginate.js`,来实现动态加载和搜索功能。 首先,理解`jquery.paginate.js`的基本原理:这个插件基于jQuery库,它允许我们在不刷新整个页面的情况下,...
《jQuery.paginate.js插件详解及其应用》 在网页开发中,当数据量过大时,分页功能就显得尤为重要,它能帮助用户更好地浏览和管理大量信息。jQuery是一个广泛使用的JavaScript库,它提供了丰富的功能来简化DOM操作...
`will_paginate` 是 Ruby on Rails 框架中一个非常流行的分页插件,它为数据查询结果提供了简洁、高效的分页解决方案。这个插件的设计理念是使代码更易于阅读和维护,同时提供了一些优雅的接口来处理复杂的分页需求...
`will_paginate`是Rails框架中非常流行的一个分页插件,版本2.2.2是它的一个历史版本。在本文中,我们将深入探讨`will_paginate`的使用方法、功能特性以及它如何与Rails集成,帮助提升Web应用的性能和用户体验。 一...
《will_paginate插件详解与应用》 在Web开发中,数据分页是常见的功能,尤其是在处理大量数据时,为了提高用户体验和加载速度,我们通常会将数据分页展示。will_paginate是一款广受欢迎的Ruby on Rails插件,用于...
paginate(每页数量,是否简洁分页,分页参数) 使用方式 $list = db('user')->paginate(10); 自定义参数传参 $list = db('user')->paginate(10,false,['query'=>array('id' => $id)]); 其它参数 // 总数据 $this->...
`laravel-paginate-plus`是一个扩展包,它为Laravel的内置分页功能提供了更多的灵活性和自定义选项。这个包允许开发者超越标准的`paginate()`和`simplePaginate()`方法,以满足更复杂的分页需求。 首先,我们来看看...
《jQuery paginate插件源码改造:支持动态分页详解》 在Web开发中,分页是一种常见的用户界面功能,用于处理大量数据时提供流畅的浏览体验。jQuery paginate是一款轻量级的分页插件,它提供了简洁的API和丰富的...
J paginate的核心特点在于其无刷新(Ajax)特性,这意味着用户在切换页面时无需等待整个页面重新加载,而是通过后台加载新数据并更新页面部分内容。这种方式提高了网页的响应速度,减少了服务器负担,并提升了用户...
"前端项目-vue-paginate.zip"是一个专注于数据分页功能的Vue.js插件,旨在帮助开发者在Vue应用中轻松实现数据的分页展示。 在Web开发中,数据分页是一个常见的需求,尤其是在处理大量数据时,分页可以提高用户体验...
《Python库Flask-Paginate深度解析》 在Python的世界里,Flask框架以其轻量级、可扩展性以及灵活性而备受开发者喜爱。而在构建Web应用时,数据分页是必不可少的功能之一,它能帮助用户更高效地浏览大量数据。Flask-...
will_paginate-bootstrap, 将 Twitter Bootstrap 分页组件与will_paginate集成 will_paginate-bootstrap不再维护我不再使用 Bootstrap 来使用 Rails,所以不幸的是,我不再接受请求请求或者维护这个库。 为了发布你...
`will_paginate` 是一个非常流行的 Ruby on Rails(Rails)框架中的分页库,它为开发者提供了方便的方式来处理大量数据的分页展示。版本 `2.1.0` 是这个库的一个特定版本,包含了该库在当时的一些特性、优化和可能的...
paginate分页样式功能,将代码拷贝解压到extend目录下,然后查询时使用 ->paginate($limit,false,['query' => request()->param(),'type' => 'page\Page','var_page' => 'page']);查询。
- Vue.js、React.js等现代前端框架提供了组件化的分页解决方案,如Vue的`vue-paginate`和React的`react-paginate`库,它们简化了分页组件的构建和维护。 - 在后端,Spring MVC、Django等框架提供了对分页的支持,...
### AJAX完成分页程序知识点详解 #### 一、引言 在现代Web开发中,为了提升用户体验并减轻服务器压力,异步加载数据成为了一种常见的技术手段。AJAX(Asynchronous JavaScript and XML)就是实现这一目标的重要...