zoukankan      html  css  js  c++  java
  • easyUI DataGrid 分页

    easyUI 自带了分页控件pagination,
    那么在datagrid中只需要设置pagination:true即可。

    datagrid分页如何与后台数据进行交互呢?
    datagrid设置分页后,会有两个参数传递到后台,在后台接受这两个参数,取出相应数据,返回到前端显示
       page :当前第几页
       rows :当前页显示多少条数据
    当点击分页时,都会重新发送一次请求 并且后台需要返回total 表示一共有多少条数据,前端会接受它,算出{pages},{from},{to},{total}等一系列信息。

    那么怎么设置下面分页工具条显示成中文呢?
          var p = $('#tb').datagrid('getPager');
          $(p).pagination({
                  pageSize: 10,//每页显示的记录条数,默认为10
                 pageList: [5,10,15],//可以设置每页记录条数的列表
                 beforePageText: '第',//页数文本框前显示的汉字
                 afterPageText: '页 共 {pages} 页',
                 displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
                 onBeforeRefresh:function(){
                         $(this).pagination('loading');
                         alert('before refresh');
                         $(this).pagination('loaded');
                }
    });

    2013/06/30 武汉汉口

  • 相关阅读:
    Java并发编程:Lock
    java多线程中的生产者与消费者之等待唤醒机制@Version2.0
    java多线程中的生产者与消费者之等待唤醒机制@Version1.0
    vim 自动补全
    git 忽略文件的三种方式
    vim 查找整个工程
    vim 寄存器的使用
    我的vim插件列表
    web前端面试系列 一 js闭包
    web前端面试系列
  • 原文地址:https://www.cnblogs.com/guichi/p/3163348.html
Copyright © 2011-2022 走看看