easui Pagination Layout
分页显示方式有几种
layout: ['first', 'prev', 'next', 'last']
layout: ['list', 'sep', 'first', 'prev', 'sep', 'manual', 'sep', 'next', 'last', 'sep', 'refresh']
layout: ['links']
layout: ['first', 'prev', 'links', 'next', 'last']
layout: ['first', 'prev', 'next', 'last', 'sep', 'links', 'sep', 'manual']
Html
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Pagination Layout - jQuery EasyUI Demo</title>
- <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
- <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
- <link rel="stylesheet" type="text/css" href="../demo.css">
- <script type="text/javascript" src="../../jquery.min.js"></script>
- <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
- </head>
- <body>
- <h2>Pagination Layout</h2>
- <p>The pagination layout supports various types of pages which you can choose.</p>
- <div style="margin:20px 0;"></div>
- <div class="easyui-panel">
- <div id="pp" class="easyui-pagination" data-options="
- total:114,
- layout:['first','prev','next','last']
- "></div>
- </div>
- <div style="margin-top:10px">
- <select onchange="setLayout(this.value)">
- <option value="1">Previous Next</option>
- <option value="2">Manual Page Input</option>
- <option value="3">Numeric Links</option>
- <option value="4">Previous Links Next</option>
- <option value="5">Go To Page</option>
- </select>
- </div>
- <script>
- function setLayout(type){
- var p = $('#pp');
- switch(parseInt(type)){
- case 1:
- p.pagination({layout:['first','prev','next','last']});
- break;
- case 2:
- p.pagination({
- layout:['list','sep','first','prev','sep','manual','sep','next','last','sep','refresh'],
- beforePageText:'Page',
- afterPageText:'of {pages}'
- });
- break;
- case 3:
- p.pagination({layout:['links']});
- break;
- case 4:
- p.pagination({layout:['first','prev','links','next','last']});
- break;
- case 5:
- p.pagination({
- layout:['first','prev','next','last','sep','links','sep','manual'],
- beforePageText:'Go Page',
- afterPageText:''
- });
- break;
- }
- }
- </script>
- </body>
- </html>
easui Pagination Layout的更多相关文章
- 【技巧】EasyUI分页组件pagination显示项控制
我们使用easyui分页时,分页组件显示项有很多,默认如下是这样的: 有时候我们并不想显示这么多控制项,我们可以通过属性来控制:如下来自EasyUI官网: 如下写法,在datagrid中使用,如下控制 ...
- EasyUI Pagination 分页
通过 $.fn.pagination.defaults 重写默认的 defaults. 分页(pagination)允许用户通过翻页导航数据.它支持页面导航和页面长度选择的可配置选项.用户可以在分页的 ...
- EasyUI Pagination 分页分页布局定义 显示按钮布局
//分页布局定义.该属性自版本 1.3.5 起可用.//布局项目包括一个或多个下列值://1.list:页面尺寸列表.//2.sep:页面按钮分割.//3.first:第一个按钮.//4.prev:前 ...
- easy ui 零散技巧
1.Jquery带上下文查找: 格式:$(selector,context) 例如:$("input",window.document),查找当前文档下的说有input元素,也等价 ...
- EasyUI datagrid简单运用
jquery的前端框架挺多的,有easyUI ,bootstrap...,对于做系统软件或许easyUI比较好,因为里面控件很丰富,而bootstrap非常简洁大方,但是控件相 对比较少,特别是复杂的 ...
- springmvc + jquery easyui实现分页显示
如有不明确的地方,戏迎增加QQ群交流:66728073 推荐一本Java学习的书:深入理解Java7 一,下载并导入jquery easyui的导 <link rel="st ...
- 微服务项目开发学成在线_day02 CMS前端开发
1 Vue.js与Webpack研究 开发版的浏览器:https://www.google.cn/intl/zh-CN/chrome/dev/ 前端的开发框架:微服务项目开发学成在线_Vue.js与W ...
- Svelte Ui Admin后台管理系统|svelte3+svelteUI中后台前端解决方案
基于svelte3.x+svelteKit+svelte-ui网页后台管理系统SvelteAdmin. Svelte-Ui-Admin 基于svelte3.x+svelteKit+vite3+echa ...
- salesforce 零基础学习(四十九)自定义列表分页之使用Pagination实现分页效果 ※※※
上篇内容为Pagination基类的封装,此篇接上篇内容描述如何调用Pagination基类. 首先先创建一个sObject,起名Company info,此object字段信息如下: 为了国际化考虑 ...
随机推荐
- ExpandoObject与DynamicObject的使用
using ImpromptuInterface; using System; using System.Dynamic; namespace ConsoleApp2 { class Program ...
- System V IPC
1.概述 System V IPC共有三种类型:System V消息队列.System V 信号量.System V 共享内存区. System V IPC操作函数如下: 2.key_t键和ftok函 ...
- nginx实战五
nginx用户认证 https://coding.net/u/aminglinux/p/nginx/git/blob/master/access/auth.md 当访问一些私密资源时,最好配置用户认证 ...
- Python log10() 函数
描述 log10() 方法返回以10为基数的x对数,x>0. 语法 以下是 log10() 方法的语法: import math math.log10( x ) 注意:log10()是不能直接访 ...
- FreeSWITCH检测DTMF数据的方法
一.RFC2833 1. 介绍: RFC2833为带内检测方式,通过RTP传输,由特殊的rtpPayloadType即TeleponeEvent来标示RFC2833数据包.同一个DTMF按键通常会对应 ...
- ipa 发布到stroe
http://my.oschina.net/joanfen/blog/133642 较详细:http://www.techolics.com/apple/20120401_197_2.html
- [tools]python的mkdocs模块分分钟将md搞成一个网站
docusaurus: facebook出的一个文档生成器,用起来感觉没那么友善 hugo: 这个很棒 python的mkdocs模块: 用起来最简单 python的这个模块可以分分钟将一坨md假设成 ...
- [svc]linux日志和安全日志
last详解: http://www.cnblogs.com/kerrycode/p/4223751.html
- 常用的一个cookie 对象,还有path 兼容性问题
//cookievar ck = { getObj:function() { var ck = document.cookie; var obj = {}; if(ck!="" ...
- spark-streaming问题集锦
报错: // :: ERROR Utils: Exception encountered py4j.Py4JException: Cannot obtain a new communication c ...