js实现EasyUI-datagrid前台分页
2024-09-01 16:04:41
- //实现假分页
- function myLoader(param, success, error) {
- var that = $(this);
- var opts = that.datagrid("options");
- if (!opts.url) {
- return false;
- }
- var cache = that.data().datagrid.cache;
- if (!cache) {
- $.ajax({
- type: opts.method,
- url: opts.url,
- data: param,
- dataType: "json",
- success: function (data) {
- that.data().datagrid['cache'] = data;
- success(bulidData(data));
- },
- error: function () {
- error.apply(this, arguments);
- }
- });
- } else {
- success(bulidData(cache));
- }
- function bulidData(data) {
- var temp = $.extend({}, data);
- var tempRows = [];
- var start = (param.page - 1) * parseInt(param.rows);
- var end = start + parseInt(param.rows);
- var rows = data.rows;
- for (var i = start; i < end; i++) {
- if (rows[i]) {
- tempRows.push(rows[i]);
- } else {
- break;
- }
- }
- temp.rows = tempRows;
- return temp;
- }
- }
加载datagrid时的调用
- $('#dg').datagrid({
- loadMsg: '正在努力为您加载数据',
- url: 'Handler.ashx?action=GetData' + "&Id=" +Id,
- fitColumn: false,
- pageNumber: 1,
- pagination: true,//分页控件
- rownumbers: true,//显示行号
- pageSize: 3,
- pageList: [3, 15, 50, 100],
- loader: <span style="color:#ff0000;">myLoader</span>, //前端分页加载函数
- onLoadSuccess: function (data) {
- $("#dg").data().datagrid.cache = null;//清除datagrid 缓存，保证前台假分页；
- //$('#dg').datagrid('reload');显示更新后的数据
- }
- });
最新文章
- 基础算法之插入排序Insertion Sort
- asp.net 客户端上传文件全路径获取方法
- 工具分享——将C#文档注释生成.chm帮助文档
- Ubuntu声音消失
- [itint5]跳马问题加强版
- JSP内置对象整理(转)
- 大数据学习之hadoop伪分布式集群安装(一)公众号undefined110
- 求知成瘾+逻辑成瘾+博识的无知，你中枪没？我感觉中枪了 - 外野 - Stage1st - Powered by Discuz!
- cocoaPods打包的静态库
- C++教程之autokeyword的使用
- HashMap源码分析 JDK1.8
- MySql concat与字符转义
- post网络请求坑
- Python: 调用youtube_dl实现视频下载
- Elasticsearch学习系列之term和match查询
- 什么是Flume
- 用Vue-cli生成vue+webpack的项目模板怎么设置为vue1.0版本？
- font-family：中文字体的英文名称 （宋体 微软雅黑）
- java Socket Tcp 浏览器和服务器（二）
- 转载spring restemplate