`
xxj
  • 浏览: 430234 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ajax Paginate Update

阅读更多
早上又花了几分钟把昨天的代码稍微该了下,将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 paginate插件提供了一种便捷的方法来实现ajax分页,结合了jQuery的强大功能和ajax的无刷新特性,使得网页数据展示更加高效。通过灵活配置,你可以轻松定制符合项目需求的分页导航。在实际应用中,结合...

    jquery.paginate ajax分页

    `jQuery.paginate` 是一个基于 jQuery 的插件,专门用于实现 AJAX 分页功能,它允许用户在不刷新整个页面的情况下加载更多内容。这个插件简化了前端与后端的数据交互,提升了用户体验。 ### 1. jQuery 和 AJAX ...

    含有ajax的分页插件的使用、jquery.paginate.js

    本教程将详细讲解如何使用包含Ajax功能的分页插件——`jquery.paginate.js`,来实现动态加载和搜索功能。 首先,理解`jquery.paginate.js`的基本原理:这个插件基于jQuery库,它允许我们在不刷新整个页面的情况下,...

    jquery.paginate.js

    《jQuery.paginate.js插件详解及其应用》 在网页开发中,当数据量过大时,分页功能就显得尤为重要,它能帮助用户更好地浏览和管理大量信息。jQuery是一个广泛使用的JavaScript库,它提供了丰富的功能来简化DOM操作...

    will_paginate分页插件

    `will_paginate` 是 Ruby on Rails 框架中一个非常流行的分页插件,它为数据查询结果提供了简洁、高效的分页解决方案。这个插件的设计理念是使代码更易于阅读和维护,同时提供了一些优雅的接口来处理复杂的分页需求...

    will_paginate 2.2.2

    `will_paginate`是Rails框架中非常流行的一个分页插件,版本2.2.2是它的一个历史版本。在本文中,我们将深入探讨`will_paginate`的使用方法、功能特性以及它如何与Rails集成,帮助提升Web应用的性能和用户体验。 一...

    will_paginate插件下载

    《will_paginate插件详解与应用》 在Web开发中,数据分页是常见的功能,尤其是在处理大量数据时,为了提高用户体验和加载速度,我们通常会将数据分页展示。will_paginate是一款广受欢迎的Ruby on Rails插件,用于...

    ThinkPHP5分页paginate代码实例解析

    paginate(每页数量,是否简洁分页,分页参数) 使用方式 $list = db('user')-&gt;paginate(10); 自定义参数传参 $list = db('user')-&gt;paginate(10,false,['query'=&gt;array('id' =&gt; $id)]); 其它参数 // 总数据 $this-&gt;...

    Laravel开发-laravel-paginate-plus

    `laravel-paginate-plus`是一个扩展包,它为Laravel的内置分页功能提供了更多的灵活性和自定义选项。这个包允许开发者超越标准的`paginate()`和`simplePaginate()`方法,以满足更复杂的分页需求。 首先,我们来看看...

    jquery.paginate插件源码改造:支持动态分页

    《jQuery paginate插件源码改造:支持动态分页详解》 在Web开发中,分页是一种常见的用户界面功能,用于处理大量数据时提供流畅的浏览体验。jQuery paginate是一款轻量级的分页插件,它提供了简洁的API和丰富的...

    page_ajax.zip

    J paginate的核心特点在于其无刷新(Ajax)特性,这意味着用户在切换页面时无需等待整个页面重新加载,而是通过后台加载新数据并更新页面部分内容。这种方式提高了网页的响应速度,减少了服务器负担,并提升了用户...

    前端项目-vue-paginate.zip

    "前端项目-vue-paginate.zip"是一个专注于数据分页功能的Vue.js插件,旨在帮助开发者在Vue应用中轻松实现数据的分页展示。 在Web开发中,数据分页是一个常见的需求,尤其是在处理大量数据时,分页可以提高用户体验...

    Python库 | flask-paginate-0.4.4.zip

    《Python库Flask-Paginate深度解析》 在Python的世界里,Flask框架以其轻量级、可扩展性以及灵活性而备受开发者喜爱。而在构建Web应用时,数据分页是必不可少的功能之一,它能帮助用户更高效地浏览大量数据。Flask-...

    will_paginate-bootstrap, 将 Twitter Bootstrap 分页组件与will_paginate集成.zip

    will_paginate-bootstrap, 将 Twitter Bootstrap 分页组件与will_paginate集成 will_paginate-bootstrap不再维护我不再使用 Bootstrap 来使用 Rails,所以不幸的是,我不再接受请求请求或者维护这个库。 为了发布你...

    will_paginate 2.1.0

    `will_paginate` 是一个非常流行的 Ruby on Rails(Rails)框架中的分页库,它为开发者提供了方便的方式来处理大量数据的分页展示。版本 `2.1.0` 是这个库的一个特定版本,包含了该库在当时的一些特性、优化和可能的...

    thinkphp分页样式好看样式paginate

    paginate分页样式功能,将代码拷贝解压到extend目录下,然后查询时使用 -&gt;paginate($limit,false,['query' =&gt; request()-&gt;param(),'type' =&gt; 'page\Page','var_page' =&gt; 'page']);查询。

    ajax分页

    - Vue.js、React.js等现代前端框架提供了组件化的分页解决方案,如Vue的`vue-paginate`和React的`react-paginate`库,它们简化了分页组件的构建和维护。 - 在后端,Spring MVC、Django等框架提供了对分页的支持,...

    ajax完成分页程序

    ### AJAX完成分页程序知识点详解 #### 一、引言 在现代Web开发中,为了提升用户体验并减轻服务器压力,异步加载数据成为了一种常见的技术手段。AJAX(Asynchronous JavaScript and XML)就是实现这一目标的重要...

Global site tag (gtag.js) - Google Analytics