EasyUI 分页

来源：互联网发布：网络的宣传语编辑：程序博客网时间：2024/05/16 10:43
<html><head><title>draggable</title><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/icon.css"/><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.min.js"></script><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.easyui.min.js"></script><script>$(function (){$('#p').pagination({/*total number：总记录数，当创建分页时必须设置*/total:1000/*pageSize number 10：每页显示条数*/,pageSize:10/*pageNumber number 1：浏览的页码*/,pageNumber:10/*pageList array [10,20,30,50]：用户可改变的每页显示记录数*/,pageList:[5,10,15,20,25]/*buttons array：自定义按钮*/,buttons:  [{/*iconCls：按钮图标样式，H:\jQuery EasyUI\jquery-easyui-1.5.3\themes\icon.css。按钮图标库，H:\jQuery EasyUI\jquery-easyui-1.5.3\themes\icons我们可以在icon.css中添加样式，也可在icons目录中添加或替换按钮图标*/iconCls:'icon-add'/*handler当按钮点击时触发*/,handler:function(){alert('add')}/*text string：按钮上添加的文本*/,text:'添加'},'-',{iconCls:'icon-save',handler:function(){alert('save')},text:'保存'}]/*beforePageText string：在输入框之前显示的符号afterPageText string：在输入框之后显示的符号*/,beforePageText:'第',afterPageText:'页'/*displayMsg string:在插件右上方显示分页信息*/,displayMsg:"<html><head><title>draggable</title><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="H:/jQuery EasyUI/jquery-easyui-1.5.3/themes/icon.css"/><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.min.js"></script><script type="text/javascript" src="H:/jQuery EasyUI/jquery-easyui-1.5.3/jquery.easyui.min.js"></script><script>$(function (){$('#p').pagination({/*total number：总记录数，当创建分页时必须设置*/total:1000/*pageSize number 10：每页显示条数*/,pageSize:10/*pageNumber number 1：浏览的页码*/,pageNumber:10/*pageList array [10,20,30,50]：用户可改变的每页显示记录数*/,pageList:[5,10,15,20,25]/*buttons array：自定义按钮*/,buttons:  [{/*iconCls：按钮图标样式，H:\jQuery EasyUI\jquery-easyui-1.5.3\themes\icon.css。按钮图标库，H:\jQuery EasyUI\jquery-easyui-1.5.3\themes\icons我们可以在icon.css中添加样式，也可在icons目录中添加或替换按钮图标*/iconCls:'icon-add'/*handler当按钮点击时触发*/,handler:function(){alert('add')}/*text string：按钮上添加的文本*/,text:'添加'},'-',{iconCls:'icon-save',handler:function(){alert('save')},text:'保存'}]/*beforePageText string：在输入框之前显示的符号afterPageText string：在输入框之后显示的符号*/,beforePageText:'第',afterPageText:'页'/*displayMsg string:在插件右上方显示分页信息*/,displayMsg:"第 {from} 到 {to} 第 {total} 条数据"});  })</script></head><body><div id="p" style="background:#efefef;border:1px solid #ccc;"></div> </body></html>
阅读全文
0 0