EasyUI基础入门之Pagination(分页)

本文介绍了EasyUI中的Pagination组件,用于企业级应用的分页功能。内容包括Pagination的属性、事件、方法和使用方式,以及依赖的linkbutton组件的相关知识。文中详细讲解了如何配置和定制分页功能,并提供了使用示例。
摘要由CSDN通过智能技术生成

前言

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值