做分页代码,看到网上很多人实现的方法,那是各种调用,各种获取对象。我很不解,因为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 }
]]
});

}

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

转载于:https://www.cnblogs.com/solocao/p/3663837.html

EasyUI 分页 简洁代码相关推荐

  1. easyui 分页 + mybatis 分页插件 PageHelper 完成分页显示功能(SpringMVC + mybatis 框架)

    1.使用 easyUI datagrid 完成前台分页展示 <table id="dg" title="产品管理" style="width:7 ...

  2. antd自定义分页器_从零开始实现类 antd 分页器(二):分页核心代码

    本文是使用 Typescript 开发类 antd 分页器,并发布 npm 的第二篇,因为最近在业务中使用了 antd 中的 Pagination 开发了相关业务,而自己又对组件的封装由很有兴趣,所以 ...

  3. php分页函数代码,PHP分页函数代码分享

    //$count为总条目数,$page为当前页码,$page_size为每页显示条目数 function show_page($count,$page,$page_size) { $page_coun ...

  4. 和php结合实现分页js代码,无JS,完全php面向过程数据分页实现代码

    无JS,完全php面向过程数据分页实现代码,需要的朋友可以参考下 //登陆页面设置的session,当session中存在name时 //session_start(); //$name = $_SE ...

  5. php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码

    一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等 查看详情 {{# if (d.hotcake === '超级爆款') ...

  6. jquery中ajax的分页,利用jQuery中的ajax分页实现代码

    本文实例讲解了用jQuery中的ajax分页相关代码,分享给大家供大家参考,具体内容如下 把分页封装到一个jsp里,那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.j ...

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

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

  8. jquery php 分页插件,jQuery 分页插件代码

    jQuery 分页插件代码 js代码 var newlist = new Vue({ el: '#app', data: { current_page: 1, //当前页 pages: 50, //总 ...

  9. oracle万能分页代码,oracle高效分页存储过程代码

    oracle高效分页存储过程代码 create or replace package p_page is -- author : pharaohs -- created : 2006-4-30 14: ...

最新文章

  1. 求1 + 2 + 3...+ n的和
  2. 安装 Homebrew
  3. php 按钮状态,RPi GPIO状态更新为php按钮和脚本
  4. C++工作笔记-设计普通类的格式,实现简单工厂中接口的定义
  5. 详解CentOS7安装配置vsftp搭建FTP
  6. JS实现鼠标点击展开/隐藏表格行
  7. docker push到私有仓库、pull
  8. oracle存储过程如何传递一个bean对象_java程序员如何在短期内抓住面试重点,成为大厂offer收割机...
  9. WebLogic配置JNDI数据源
  10. 【福利派送】高质量AI书籍又免费派送啦
  11. 面向对象(Python):学习笔记之面向对象基础
  12. ddm模型公式_DDM模型绝对估值模型的理解和运用 分析师会利用DDM模型来给公司定价,如果投资者过于依赖,这样可能会给我们很好的机会,在他们犯错误时,就是我们把握机会的时... - 雪球...
  13. html位置插入透明动画文字,鼠标放上去,图片上方动态显示半透明说明文字(源码)...
  14. 倍福EtherCAT EK1100耦合器技术参数
  15. SDCC 2016数据库架构技术峰会(深圳站),PPT全回顾
  16. 英语在线听力翻译器_英语翻译_在线英语听力室
  17. YOLOv1: You Only Look Once: Unified, Real-Time Object Detection
  18. 携程集团招股说明书-港股
  19. VBS的msgbox函数用法
  20. netlogon 服务未启动

热门文章

  1. 【Qt】Qt5.9连接MySQl5.7(亲自测试成功)
  2. [Qt教程] 第30篇 XML(四)使用流读写XML
  3. [Qt教程] 第20篇 2D绘图(十)图形视图框架(下)
  4. jmeter达梦数据库
  5. animation动画不生效_SwiftUI动画(1)之Animatable
  6. 在windows下查看进程
  7. android普通权限说明,Android权限说明.doc
  8. wordpress Oops! That page can’t be found.
  9. VC操作MySQL数据库
  10. c语言预处理指令之 ##