EasyUI基础入门之Pagination(分页)

前言

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

       pagination覆盖默认$.fn.pagination.defaults.Pagination分页允许用户通过分页的方式来浏览数据，它支持可配置的选项,页面导航和页面长度的选择,而且用户可以添加分页的右边定制按钮来增强分页功能。

      不过pagination是依赖于linkbutton的,因此这里有必要了解下linkbutton。

linkbutton

      使用$.fn.linkbutton.defaults重载默认值。

      链接按钮用户创建超链接按钮。它是表示正常的<a>标记。可以显示图标和文字,或仅仅只是图标或文字。按钮的宽度可以动态收缩/展开,以适应文本标签。按照惯例接下来看看其属性、事件、方法。

属性

名称	类型	描述信息	默认值
id	string	该组件的唯一标示ID	null
disabled	boolean	当设置为true时标示禁用该按钮	false
toggle	boolean	设置为true时,用户可以改变按钮的状态为选择或取消选择,自版本1.3.3开始	false
selected	boolean	表明该按钮的状态是否为选择,自1.3.3开始	false
group	string	表明哪些按钮在同一个组中,开始于1.3.3	null
plain	boolean	设置为true时会显示间接效果	false
text	string	按钮上的文字	null
iconCls	string	在左边显示一个16*16大小图标的css类	''
iconAlign	string	按钮上图标显示的位置,可选值为left、right、top、bottom开始于1.3.2	left
size	string	按钮的大小,可选值为small、large开始于1.3.6	small

事件

       linkbutton提供了一个onclik事件,当按钮被点击时触发。开始于1.3.6

方法

名称	参数	描述信息
options	none	返回属性对象
disable	none	禁用按钮 实例: $('#btn').linkbutton('disable')
enable	none	启用按钮,使用方法类似上面
select	none	选择该按钮开始于1.3.6
unselect	none	取消选择,