做分页代码,看到网上很多人实现的方法,那是各种调用,各种获取对象。我很不解,因为Easyui已经给我们了分页的具体实现,为什么有些人要画蛇添足呢。

其实真正的分页,在你的代码中,别人可能都没有注意到,只是后台你只要能正确返回总记录条数和数据内容就行了。

下面是分页功能的代码:

function SBDiv_1_DateGrid() {
$('#SBDiv_1_DateGrid').datagrid({/// <reference path="../../Json/agreement.aspx" />
//在我没有办法灵活向后台传递参数的情况下,用ajax
url: "/Handler/ManageWSE.asmx/SBDiv_1_DataGrid",
pageSize: 10, //每页显示的记录条数,默认为10
pageList: [10, 15, 20, 25], //可以设置每页记录条数的列表
queryParams:{strwhere:"122"},
pagination: true,
fit: true, //自适应
rownumbers: true,
fitColumns: true,
striped: true,
sortOrder: 'desc',
remoteSort: true,
idField: 'id', //删除会删掉所选的几个,不管分页
// toolbar: '#toolbar',
columns: [[{ field: 'ckr', checkbox: true },
{ title: '交易编号', field: 'TradeNo', width: 65, sortable: true },
{ title: '交易日期', field: 'dcTradeDate', width: 135},
{ title: '枪号', field: 'GunNo', width: 80, sortable: true },
{ title: '加气类型', field: 'DataSourceType', formatter: function (value, row, index) { if (value == 1) return "LNG"; else return "CNG"; }, width: 150, sortable: true },
{ title: '加气量', field: 'TradeVolume', width: 100, sortable: true },
{ title: '加气单价', field: 'Price', width: 65, sortable: true },
{ title: '协议单价', field: 'ProtocolPrice', width: 65, editor: { type: 'text' }, sortable: true },

{ title: '加气金额', field: 'TradeSum', width: 80, sortable: true },
{ title: '协议金额', field: 'ProtocolTradeSum', width: 80, sortable: true },
{ title: '加气卡号', field: 'UsercardNo', width: 150, sortable: true }
]]
});

}

你看,也没有多复杂,其实已经实现了分页功能了。

EasyUI 分页 简洁代码的更多相关文章

  1. Struts2与easyui分页查询

    easyui里面分页查询:在easyui框架里面已经进行一些分装,所以我们只要进行后台分页查询即可 web.xml和struts.xml文件的配置的就不需要我多说了,和分页前代码一样,不需要更改: 需 ...

  2. php分页类代码带分页样式效果(转)

    php分页类代码,有漂亮的分页样式风格 时间:2016-03-16 09:16:03来源:网络 导读:不错的php分页类代码,将类文件与分页样式嵌入,实现php查询结果的精美分页,对研究php分页原理 ...

  3. 百度分页样式代码 css+c#

    通过c#输出html分页代码: /// <summary> /// 返回分页Html代码 /// </summary> /// <param name="pag ...

  4. bootstrap 分页样式代码

    bootstrap 分页样式代码,废话不多说,直接上源码 <!DOCTYPE html> <html> <head> <title>Bootstrap ...

  5. 【技巧】EasyUI分页组件pagination显示项控制

    我们使用easyui分页时,分页组件显示项有很多,默认如下是这样的: 有时候我们并不想显示这么多控制项,我们可以通过属性来控制:如下来自EasyUI官网: 如下写法,在datagrid中使用,如下控制 ...

  6. 非常不错的一个JS分页效果代码

    这里分享一个不错的js分页代码. 代码中cpage是页面计数,应为全局变量,可以随处调用它: totalpage是总页数. 与asp分页代码很类似,也是先取得记录总数,然后实现分页,基本的分页思路与原 ...

  7. easyui分页的使用方法

    使用: $("#tt").datagrid("getPager").pagination(option); 例子: $("#tb").dat ...

  8. 跨平台移动开发 Xuijs超轻量级的框架 Dom与Event简洁代码实现文本展开收起

    Dom与Event简洁代码实现文本展开收起 Xuijs超轻量级的框架 Dom与Event实现文本展开收起 效果图 示例代码 <!DOCTYPE html PUBLIC "-//W3C/ ...

  9. easyui分页时,总页数出错

    错误出现 MyBatis用easyui写后台分页代码时,出现翻页后显示总页数错误 代码如下 可能原因在于后台mappers.xml里的sql语句错误 <select id="getPr ...

随机推荐

  1. Structured streaming

    Structured streaming是spark 2.0以后新增的用于实时处理的技术.与spark streaming不同的是,Structured streaming打开了数据源到数据落地之间的 ...

  2. springboot logback

    /resources/logback-spring.xml <configuration> <appender name="stdout" class=" ...

  3. 解决谷歌浏览器频繁出现adobe flash player因过期而遭到阻止的问题(转自知乎)

    作者:在战争中链接:https://www.zhihu.com/question/32223811/answer/128088278来源:知乎著作权归作者所有,转载请联系作者获得授权. 很多新用户在安 ...

  4. HTTP/1.1新建会话失败 解决方法及分析

    右键我的电脑—>属性—>点击高级项卡—>设置性能,在性能选项中选择高级选项卡,在虚拟内存处显示“所有驱动器文件大小的总数:0M”,原来问题出在这里,由于操作系统的分页内存太小,而引起 ...

  5. 第四章 栈与队列(c5)栈应用:逆波兰表达式

  6. linux下访问window的共享文件,在命令行实现方法

    1.挂载共享目录 mount -t cifs //192.168.0.1/aa  /tmp/export -o username=text,password=test //192.168.0.1/aa ...

  7. open suse linux 磁盘分区

    在opensuse 中我是这样对磁盘进行配置的 先添加一块磁盘任意大小 reboot 重启 ls /dev/ | grep sd 可以看到有一块sdb 的磁盘没有分区 fdisk /dev/sdb n ...

  8. 打印信息,通过.jasper工具将集合输出到PDF文件 然后利用打印机打印文件

    我们上一次成功的利用iReport工具制作了一张报表,并且预览了报表最后的效果,也生成了格式为“jrpxml”.“jrxml”与“jasper”的文件.这次,我们使用jasper提供的java的api ...

  9. 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由

    前言: 对于小程序的页面路由,如果没有一定开发经验的话,理解起来还是会有些困难的.哪怕是有一定小程序开发经验的开发者,能够完全理解掌握的恐怕也不多. 这里就以另外一种方式来详细的介绍小程序的页面栈及路 ...

  10. Cisco VSS

    1.原理 VSS是将两台及以上的物理设备虚拟成逻辑上的一台,可类比堆叠.VSS在控制层面上两个交换机有主从之分,但在数据面上处理是双活的.无论是从网络控制层面和管理视图上在网络上都是一个单独的设备实体 ...