zoukankan      html  css  js  c++  java
  • easyui分页的使用方法

    使用:

    $("#tt").datagrid("getPager").pagination(option);

    例子:

    $("#tb").datagrid("getPager").pagination({
        total: 100,
        pageSize: 10,
        pageList: [10,20,30],
        onSelectPage: function(pageNumber, pageSize) {
            console.log(pageNumber,pageSize);
        }
    });

    pagination的属性:

    属性名 类型 描述 默认值
    total 数字 当分页建立时设置记录的总数量 1
    pageSize 数字 每一页显示的数量 10
    pageNumber 数字 当分页建立时,显示的页数 1
    pageList 数组

    用户可以修改每一页的大小,

    pageList属性定义了多少种大小可以改变

    [10,20,30,50]
    loading 布尔 定义数据是否正在加载 false
    buttons 数组

    定义自定义按钮,每个按钮包含两个属性:

    iconCls:显示背景图像的css类;

    handler:当一个按钮被点击时的处理函数

     
    showPageList 布尔 定义是否显示页面列表 true
    showRefresh 布尔 定义是否显示刷新按钮 true
    beforePageText 字符串 在输入框组件前显示的标签 Page
    afterPageText 字符串 在输入框组件后显示的标签 of {pages}
    displayMsg 字符串 显示一个页面的信息

    Displaying {from} to {to} of {total} items

    pagination的事件:

    事件名 参数 描述
    onSelectPage pageNumber,pageSize

    当用户选择一个新页时触发,回调函数包含两个参数:

    pageNumber:新页面的页数;

    pageSize新页面的大小

    onBeforeRefresh pageNumber,pageSize 刷新按钮被点之前触发,如果返回false则取消刷新操作
    onRefresh pageNumber,pageSize 刷新以后触发
    onChangePageSize pageSize 当改变页面大小时触发
         

    jquery easyui 分页的使用方法:http://www.jquerycn.cn/a_3129

  • 相关阅读:
    Java自动化测试-02.编写第一个Java程序
    Java自动化测试-01.环境准备(JDK/环境变量/Intellij IDEA安装)
    eNSP 40报错(Virtualbox 0x80070005)现象与解决
    DDD初步认知
    微服务后业务系统围绕CAP的业务方案设计思考
    关于热点key读的一点思考
    Java并发——一些提高性能的方式
    Java并发——Synchronized
    dubbo学习(六)服务发布&引用
    dubbo学习(五)路由
  • 原文地址:https://www.cnblogs.com/laq627/p/6944259.html
Copyright © 2011-2022 走看看