当前位置: 首页 > 编程笔记 >

jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解

黄弘盛
2023-03-14
本文向大家介绍jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,包括了jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解的使用技巧和注意事项,需要的朋友参考一下

简单的两个步骤即可实现分页功能

 <script src="<%=basePath%>/resources/js/jquery-1.7.1.min.js"></script> 
 <script src="<%=basePath%>/resources/js/jquery.loehpagerv1.0.js"></script> 
 <script type="text/JavaScript">
//回调里面进行业务处理
 function loehpagercallback(data) {
  alert('这里处理回调的data');
  }
 $(function() { 
 $('#customerPager').LoehPagerPlugin({
  'color': 'gray',
  'fontSize': '15px',
  'totalCount':<%=totalpage%>,
   'pageSize':'15',
   'ajaxCallBack':'loehpagercallback',
   'ajaxRequestParameter':'name=leohpager&age=10',
   'ajaxOriginalParameter':'name=leohpager&age=10',
   'ajaxUrl':'<%=basePath%>/ipload?path=data'
 });
 });
 </script>
 <html>
  <body>
  <div id="customerPager" style="position: relative;top: -25px;left: 220px;" > </div>
  </body>
 </html>

totalCount':<%=totalpage%>:总页是第一次加载页面时查询出的分页表的总页数。

'ajaxCallBack':'loehpagercallback':这里设置回调方法,你可以将方法名修改任意你在调用页定义的js方法

'ajaxRequestParameter':'name=leohpager&age=10':

'ajaxOriginalParameter':'name=leohpager&age=10',

上面两个参数,第一个是ajax请求数据时的参数,它是由第二个参数拼接上当前选择的页面组合而成。

版本1.0,简单的几句代码既可以实现分页功能,后续有时间会继续更新。

以上所述是小编给大家介绍的jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,希望对大家有所帮助,如果打有任何疑问欢迎给我留言,小编会及时回复大家的。

 类似资料:
  • 本文向大家介绍AngularJS自定义控件实例详解,包括了AngularJS自定义控件实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了AngularJS自定义控件。分享给大家供大家参考,具体如下: 自定义指令介绍 AngularJS 指令作用是在 AngulaJS 应用中操作 Html 渲染。比如说,内插指令 ( {{ }} ), ng-repeat 指令以及 ng-if 指令。

  • 本文向大家介绍jQuery DataTables插件自定义Ajax分页实例解析,包括了jQuery DataTables插件自定义Ajax分页实例解析的使用技巧和注意事项,需要的朋友参考一下 一、问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果。 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(

  • 本文向大家介绍asp.net web页面自定义分页控件使用详解,包括了asp.net web页面自定义分页控件使用详解的使用技巧和注意事项,需要的朋友参考一下 这几天学习了一下自定义分页控件,现将实现方法记录下来,亲测可以实现: 1.首先创建一个.ascx文件,命名为TurnPage,然后在里面写控件前台展示的界面: 2.然后在TurnPage.ascx.cs里面写相应的后台代码,代码如下: 3.

  • 本文向大家介绍angularjs+bootstrap实现自定义分页的实例代码,包括了angularjs+bootstrap实现自定义分页的实例代码的使用技巧和注意事项,需要的朋友参考一下 目前在做一个java web页面,没有使用到框架的分页,所以需要自己实现分页,就想到了用angularjs来实现分页,数据通过ajax从后台获取。 插件 百度了一下,看到一个比较漂亮的插件,就直接用该插件,并修改

  • 本文向大家介绍python自定义异常实例详解,包括了python自定义异常实例详解的使用技巧和注意事项,需要的朋友参考一下 python自定义异常实例详解          本文通过两种方法对Python 自定义异常进行讲解,第一种:创建一个新的exception类来拥有自己的异常,第二种:raise 唯一的一个参数指定了要被抛出的异常 1、可以通过创建一个新的exception类来拥有自己的异常

  • 本文向大家介绍C# winform自定义翻页控件详解,包括了C# winform自定义翻页控件详解的使用技巧和注意事项,需要的朋友参考一下 C#  winform中自定义的翻页控件,自己设计,供大家参考,具体内容如下 1.主要是使用控件绑定点击事件   用到的控件分别为picturebox   lable  上一页pbPage_Prev    下一页 pbPage_Next  首页 pbPage_