//
// Pipelining function for DataTables. To be used to the `ajax` option of DataTables
//
$.fn.dataTable.pipeline = function ( opts ) {
// Configuration options
var conf = $.extend( {
pages: 5, // number of pages to cache
url: '', // script url
data: null, // function or object with parameters to send to the server
// matching how `ajax.data` works in DataTables
method: 'GET' // Ajax HTTP method
}, opts );
// Private variables for storing the cache
var cacheLower = -1;
var cacheUpper = null;
var cacheLastRequest = null;
var cacheLastJson = null;
return function ( request, drawCallback, settings ) {
var ajax = false;
var requestStart = request.start;
var drawStart = request.start;
var requestLength = request.length;
var requestEnd = requestStart + requestLength;
if ( settings.clearCache ) {
// API requested that the cache be cleared
ajax = true;
settings.clearCache = false;
}
else if ( cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper ) {
// outside cached data - need to make a request
ajax = true;
}
else if ( JSON.stringify( request.order ) !== JSON.stringify( cacheLastRequest.order ) ||
JSON.stringify( request.columns ) !== JSON.stringify( cacheLastRequest.columns ) ||
JSON.stringify( request.search ) !== JSON.stringify( cacheLastRequest.search )
) {
// properties changed (ordering, columns, searching)
ajax = true;
}
// Store the request for checking next time around
cacheLastRequest = $.extend( true, {}, request );
if ( ajax ) {
// Need data from the server
if ( requestStart < cacheLower ) {
requestStart = requestStart - (requestLength*(conf.pages-1));
if ( requestStart < 0 ) {
requestStart = 0;
}
}
cacheLower = requestStart;
cacheUpper = requestStart + (requestLength * conf.pages);
request.start = requestStart;
request.length = requestLength*conf.pages;
// Provide the same `data` options as DataTables.
if ( $.isFunction ( conf.data ) ) {
// As a function it is executed with the data object as an arg
// for manipulation. If an object is returned, it is used as the
// data object to submit
var d = conf.data( request );
if ( d ) {
$.extend( request, d );
}
}
else if ( $.isPlainObject( conf.data ) ) {
// As an object, the data given extends the default
$.extend( request, conf.data );
}
settings.jqXHR = $.ajax( {
"type": conf.method,
"url": conf.url,
"data": request,
"dataType": "json",
"cache": false,
"success": function ( json ) {
cacheLastJson = $.extend(true, {}, json);
if ( cacheLower != drawStart ) {
json.data.splice( 0, drawStart-cacheLower );
}
json.data.splice( requestLength, json.data.length );
drawCallback( json );
}
} );
}
else {
json = $.extend( true, {}, cacheLastJson );
json.draw = request.draw; // Update the echo for each response
json.data.splice( 0, requestStart-cacheLower );
json.data.splice( requestLength, json.data.length );
drawCallback(json);
}
}
};
// Register an API method that will empty the pipelined data, forcing an Ajax
// fetch on the next draw (i.e. `table.clearPipeline().draw()`)
$.fn.dataTable.Api.register( 'clearPipeline()', function () {
return this.iterator( 'table', function ( settings ) {
settings.clearCache = true;
} );
} );
//
// DataTables initialisation
//
$(document).ready(function() {
$('#example').dataTable( {
"processing": true,
"serverSide": true,
"ajax": $.fn.dataTable.pipeline( {
url: 'scripts/server_processing.php',
pages: 5 // number of pages to cache
} )
} );
} );
分享到:
相关推荐
对DataTable分页获取数据
这个是我在项目中用到的,附件中是源码,有需要的可以根据自己的需求进行改进,项目中引用“WinformPager.dll”这个动态库就可以在工具栏中看到该控件了,下面是大概的用法,希望对你有用。控件保证能用,不会用的...
连上5DT数据手套后,可以看到手指的动作变化
一个dt900源程序,适合商场超市仓储,盘点机程序,给大家参考
boot解包打包工具, 支持新版高通cpu带dtimg,支持mtk 支持老版高通 一键式操作
卡西欧 DT-970 dt970 软件程序
dd、dt标签是是列表用的。我们平时常用的是<ul>< li>标签,不过dd、dt...看一下下边的例子您就会明白了:创建一个普通列表 <html> <head> <title>一个普通列表</title> </head>
//string TempletFileName = context.Server.MapPath(TempletFileName); //导出文件 //string ReportFileName = context.Server.MapPath("out.xls"); FileStream file = new FileStream(TempletFileName, File...
(1-2)钢号:DT3,DT4, DT4A, DT4E, DT4C (1-3)电磁纯铁牌号级别说明: 牌号前面用字母“D”、“T”组合作前缀,“D”、“T”分别为“电”、“铁”汉字拼音首位字母,阿拉伯数字表示不同牌号的顺序号(一般按...
关于5DT数据手套的测试例子,这个例子对了解5DT数据手套SDK的使用很有帮助
CRMEB-DT小程序公众号h5商城v4.0.2商业版 美妆H5模版(多端合一) 手册:https://help.crmeb.net/crmeb-v4/1863402 演示:http://demo26.crmeb.net/admin/ 1.前端框架升级为uni-app,公众号、小程序、H5等多端合一 ...
调用例子 AccessDAL.AccessPages apaged = new AccessDAL.AccessPages(Pager.CurrentPageIndex,Pager.PageSize); string connStr=ConfigurationManager.ConnectionStrings["GuanTuConnectionString"]....
dl:Definition list 定义列表 dt:Definition title 定义标题 dd:Definition Description 定义描述 dt里是放置信息标题的,dd则是这个信息的简单概要的描述, 也就是说一个dt对应有一个dd来描述它 dd里面的内容...
这个分页控件名为AspNetPager控件,是Asp.net上使用率最高的分页控件,想怎么分就怎么分.附带'超详细代码注释",好用请给评论. 基本步骤: 1.拖拽控件(存放到到Bin目录下,再拖入工具箱) 2.粘贴复制(已放出实例源码) 3....
hid报告编写工具DT hid报告编写工具DT
DT测试指导书DT测试指导书DT测试指导书DT测试指导书DT测试指导书DT测试指导书DT测试指导书DT测试指导书
芯片精灵检测信息如下:设备名称:[H:]USB Mass Storage Device(Kingston DT 101 G2 USB Device)PNP设备ID:VID=0951 PID=1642设备序列号:001CC0EC34C9BB60F7190049设备版本:PMAP设备类型:标准USB设备 -...
DT890C+型数字万用表原理图 数字万用表 DT890C+型数字万用表原理图.pdf
对DT930 通讯进行讲解,对程序安装进行说明
帝特usb-串口驱动DT-5001~DT-5002~DT-5003