经常用Datatables的童鞋一定碰到过当采用服务端请求的时候,一旦后台出现异常,Datatables的会一直卡在那里,中间的正在处理的提示一直停留着。
为了能给用户更好的体验,需要对Datatables进行扩展和自定义错误处理函数。
首先到Datatables官网获取一个插件:
http://datatables.net/plug-ins/api
插件很小,代码如下所示:
jQuery.fn.dataTableExt.oApi.fnProcessingIndicator = function ( oSettings, onoff )
{
if( typeof(onoff) == 'undefined' )
{
onoff=true;
}
this.oApi._fnProcessingDisplay( oSettings, onoff );
};
该插件用于开启或关闭Datatables的正在处理提醒的消息框。
使用方法:
oTable.fnProcessingIndicator(); // On
oTable.fnProcessingIndicator(false); // Off
修改datatables创建时的options选项:
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback,
"timeout": 15000, // optional if you want to handle timeouts (which you should)
"error": handleAjaxError // this sets up jQuery to give me errors
} );
},
定义处理错误的函数:
function handleAjaxError( xhr, textStatus, error ) {
if ( textStatus === 'timeout' ) {
alert( 'The server took too long to send the data.' );
}
else {
alert( 'An error occurred on the server. Please try again in a minute.' );
}
$('.dataTable').dataTable().fnProcessingIndicator( false );
}
分享到:
相关推荐
Datatables是一款jQuery表格插件,可以表头排序,内容过滤查询,功能很强大!
从dataTables网站下载的导出扩展功能cav,pdf,excel等多个功能,非常方便使用,留个备份。
DataTables行分组的展开与折叠功能的实现
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
DataTables, 在jQuery中,表插入 插件插件datatable是用于jQuery插件Javascript库的table 增强插件,它将排序。分页和过滤功能添加到普通的HTML表格中,以最少的工作量。 DataTables的明确目标是:增强HTML表中数据...
用于dataTables 使用dataTables添加行辅助按钮如 修改/删除.
开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min...
赠送jar包:datatables-1.9.4.jar; 赠送原API文档:datatables-1.9.4-javadoc.jar; 赠送Maven依赖信息文件:datatables-1.9.4.pom; 包含翻译后的API文档:datatables-1.9.4-javadoc-API文档-中文(简体)版.zip; ...
ssm整合datatables实例Demo,springMVC spring mybatis datatables
jquery datatables离线参考
jquery.datatables,异步请求后台数据时,调用api动态合并行。
datatables+springmvc+bootstrap实现分页,包含数据库 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何数据源:DOM, ...
开发工具 dataTables.bootstrap开发工具 dataTables.bootstrap开发工具 dataTables.bootstrap开发工具 dataTables.bootstrap开发工具 dataTables.bootstrap开发工具 dataTables.bootstrap开发工具 dataTables....
解决datatables出现FixedHeader 2 is not supported with DataTables' scrolling mode at this time的问题
DataTables导出CVS Excel PDF 打印
DataTables examples This DataTables package comes with a number of examples of how you can use this software, and demonstrates it's capabilities and flexibility.
dataTables.js 插件使用。包含查询,添加,删除等功能
一个简单的datatables模板而已....
DataTables官方源码