前言
对于一些企业级的应用来说(非网站),页面上最为主要的内容也就是表格和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 | 取消选择, |