1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>Pagination（分页）</title>
  5.     <meta http-equiv="keywords" content="学习,IT学习,好好学习">
  6.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  7.  
  8.       <!-- 引入css文件，不限顺序 -->
  9.     <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
  10.     <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
  11.  
  12.       <!-- 引入js文件，有顺序限制 -->
  13.     <script type="text/javascript" src="../js/jquery.min.js"></script>
  14.     <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
  15.     <script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
  16.  
  17.     <!-- 所有的css文件和的有的js文件位置不限 -->
  18.  
  19.   </head>
  20.  
  21.   <body>
  22.  
  23.     <!-- 静态方式创建pagination
  24.     <div
  25.         id="paginationID"
  26.         class="easyui-pagination"
  27.         data-options="total:2000,pageSize:10"
  28.         style="background:#efefef;border:1px solid #ccc;"></div>
  29.     -->
  30.  
  31.     <div
  32.         id="paginationID"
  33.         style="background:#efefef;border:1px solid #ccc;width:800px">
  34.     </div> 
  35.  
  36.     <script type="text/javascript">
  37.         //total表示总记录数
  38.         //pageSize表示每页显示多少条记录
  39.         //pageNumber表示当前页号
  40.         //pageList表示可供选择的每页显示多少条记录，pageSize变量的值必须属性pageList集合中的值之一
  41.         $("#paginationID").pagination({
  42.             "total" : 100,
  43.             "pageSize" : 10,
  44.             "pageNumber" : 1,
  45.             "pageList" : [10,20],
  46.             "layout" : ['list','sep','first','prev','manual','next','last','links']
  47.         });
  48.     </script>
  49.  
  50.     <script type="text/javascript">
  51.         $("#paginationID").pagination({
  52.             "onSelectPage" : function(pageNumber,b){
  53.                 alert("pageNumber=" + pageNumber);
  54.                 alert("pageSize=" + b);
  55.             }
  56.         });
  57.     </script>
  58.  
  59.   </body>
  60. </html>

easyUI之Pagination（分页）的更多相关文章

  1. 第二百零九节，jQuery EasyUI，Pagination(分页)组件

    jQuery EasyUI,Pagination(分页)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Pagination(分页)组件的使 ...

  2. .net+easyui系列--Pagination 分页

    使用 JS 创建分页 <div id="pat" style="background:#efefef;border:1px solid #ccc;"> ...

  3. EasyUI基础入门之Pagination(分页)

    前言 对于一些企业级的应用来说(非站点),页面上最为基本的内容也就是表格和form了.对于类似于ERP这类系统来说数据记录比較大,前端表格展示的时候必需得实现分页功能了.恰巧EasyUI就提供了分页组 ...

  4. 【原】EasyUI ComboGrid 集成分页、按键示例

    需求: 1.下拉框下拉时出现表格: 2.表格带分页功能: 3.可以使用向上键.向下键在表格中移动选择行数据: 4.可以使用回车键在表格中选中行数据: 5.在下拉框的文本框中输入内容,能查询表格: 6. ...

  5. EasyUI的datagrid分页

    EasyUI的datagrid分页 前台代码: <script type="text/javascript"> $(function () { //查询 search( ...

  6. Pagination(分页) 从前台到后端总结

    一:效果图 下面我先上网页前台和管理端的部分分页效果图,他们用的是一套代码.                                   回到顶部(go to top) 二:上代码前的一些知识 ...

  7. easy-ui treegrid 实现分页 并且添加自定义checkbox

    首先第一点easy-ui  treegrid 对分页没有好的实现, 因为在分页的过程中是按照 根节点来分页的  后台只能先按照 根节点做分页查询  再将子节点关联进去, 这样才能将treegrid 按 ...

  8. easyui的datagrid分页写法小结

    easyui的datagrid分页死活不起作用...沙雕了...不说了上代码 //关闭tab1打开tab2 查询Detail function refundDetail(){ $('#tt').tab ...

  9. Slider 滚动条 Pagination分页插件 JS Ajax 数据范围筛选 加载 翻页 笔记

    入职以后的第二个任务  根据用户所选的价格范围 筛选数据 修复BUG - 筛选数据后 总数没有更新.列表显示错误.翻页加载错误 用到的一些知识点 jquery插件系列之 - Slider滑块 max ...

  10. doT.js模板和pagination分页应用

    doT.js模板和pagination分页应用 博客中模拟了数据加载初始化的过程.doT.js渲染每一项内容的数据项.示例如下: <script id="Messtmpl" ...

随机推荐

  1. 【坑】new一个对象时，tostring报空指针异常

    错误环境 java1.8.0_111 错误描述 对某vo进行了修改,属性类型由long修改为了Long,getter.setter没有修改类型 调用该对象的new方法时抛出npe 错误原因 没深究.. ...

  2. ListSetAndMap

    package com.collection.test; import java.util.ArrayList; import java.util.HashMap; import java.util. ...

  3. python基础：数据类型一

    一.可变不可变类型 二.数字类型 三.字符串类型 四.列表类型 一.可变不可变类型 #可变类型: 值变了,但是id没有变,证明没有生成新的值而是在改变原值,原值是可变类型 #不可变类型:值变了,id也 ...

  4. Hadoop_19_MapReduce&&Yarn运行机制

    1.YARN的运行机制 1.1.概述: Yarn集群:负责海量数据运算时的资源调度,集群中的角色主要有:ResourceManager.NodeManager Yarn是一个资源调度(作业调度和集群资 ...

  5. 4'.deploy.prototxt

    1: 神经网络中,我们通过最小化神经网络来训练网络,所以在训练时最后一层是损失函数层(LOSS), 在测试时我们通过准确率来评价该网络的优劣,因此最后一层是准确率层(ACCURACY). 但是当我们真 ...

  6. 美团面经-java开发

     美团(1)1 1 2 3 5 8...,求第n项写了个递归,面试官问了两个,n＝-1,和极限最大值情况下怎么办.我回答,会导致栈的内存空间溢出.又问了,在栈里会是个怎样的过程.(2)打开摩拜单车页面 ...

  7. Atcoder Educational DP Contest 题解

    A - Frog 1/B - Frog 2 入门... #include<cstdio> #define abs(a) ((a)>=0?(a):(-(a))) #define min ...

  8. Aizu - 1383 Pizza Delivery (最短路图+DAG上的割边)

    题意:给出一张有向图,每条边有长度,对于每条边,你要回答将该边的方向取反后,从起点到终点的最短距离是增加or减小or不变. 首先求出起点到所有点的最短距离和所有点到终点的最短距离(两次DIjkstra ...

  9. css hack的理解

    什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈 ...

  10. centos 升级内核方法

    方法1:rpm安装方式 rpm安装包可以通过这个网站下载: 这个是CentOS6 x64 : http://elrepo.org/linux/kernel/el6/x86_64/RPMS/ 这个是Ce ...