Datatables中文API——回调函数
fnCookieCallback:还没有使用过
$(document).ready(function () { $('#example').dataTable({ "fnCookieCallback": function (sName, oData, sExpires, sPath) { // Customise oData or sName or whatever else here return sName + "=" + JSON.stringify(oData) + "; expires=" + sExpires + "; path=" + sPath; } }); });
fnCreatedRow:顾名思义,创建行得时候的回调函数
$(document).ready(function () { $('#example').dataTable({ "fnCreatedRow": function (nRow, aData, iDataIndex) { // 为a的话字体加粗 if (aData[4] == "A") { $('td:eq(4)', nRow).html('<b>A</b>'); } } }); });
fnDrawCallback:draw画 ,这个应该是重绘的回调函数
$(document).ready(function () { $('#example').dataTable({ "fnDrawCallback": function (oSettings) { alert('DataTables 重绘了'); } }); });
fnFooterCallback:底部的回调函数,这个可以用来做总计之类的功能
$(document).ready(function() { $('#example').dataTable({ "fnFooterCallback": function(nFoot, aData, iStart, iEnd, aiDisplay) { nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is " + iStart; } }); });
fnFormatNumber:顾名思义,格式化数字的显示方式
$(document).ready(function () { $('#example').dataTable({ "fnFormatNumber": function (iIn) { if (iIn < 1000) { return iIn; } else { var s = (iIn + ""), a = s.split(""), out = "", iLen = s.length; for (var i = 0; i < iLen; i++) { if (i % 3 === 0 && i !== 0) { out = "'" + out; } out = a[iLen - i - 1] + out; } } return out; } }); });
fnHeaderCallback:表头的回调函数
$(document).ready(function () { $('#example').dataTable({ "fnHeaderCallback": function (nHead, aData, iStart, iEnd, aiDisplay) { nHead.getElementsByTagName('th')[0].innerHTML = "Displaying " + (iEnd - iStart) + " records"; } }); })
fnInfoCallback:datatables信息的回调函数
$('#example').dataTable({ "fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) { return iStart + " to " + iEnd; } });
fnInitComplete:datatables初始化完毕后会调用这个方法
$(document).ready(function () { $('#example').dataTable({ "fnInitComplete": function (oSettings, json) { alert('DataTables has finished its initialisation.'); } }); });
fnPreDrawCallback:每一次绘datatables时候调用的方法
$(document).ready(function () { $('#example').dataTable({ "fnPreDrawCallback": function (oSettings) { if ($('#test').val() == 1) { return false; } } }); });
fnRowCallback:行的回调函数
$(document).ready(function () { $('#example').dataTable({ "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) { // Bold the grade for all 'A' grade browsers if (aData[4] == "A") { $('td:eq(4)', nRow).html('<b>A</b>'); } } }); });
fnServerData:这个是结合服务器模式的回调函数,用来处理服务器返回过来的数据
// POST data to server $(document).ready(function () { $('#example').dataTable({ "bProcessing": true, "bServerSide": true, "sAjaxSource": "xhr.php", "fnServerData": function (sSource, aoData, fnCallback, oSettings) { oSettings.jqXHR = $.ajax({ "dataType": 'json', "type": "POST", "url": sSource, "data": aoData, "success": fnCallback }); } }); });
fnServerParams:向服务器传额外的参数
$(document).ready(function () { $('#example').dataTable({ "bProcessing": true, "bServerSide": true, "sAjaxSource": "scripts/server_processing.php", "fnServerParams": function (aoData) { aoData.push({ "name": "more_data", "value": "my_value" }); } }); });
fnStateLoad:读取状态的回调函数
$(document).ready(function () { $('#example').dataTable({ "bStateSave": true, "fnStateLoad": function (oSettings) { var o; // Send an Ajax request to the server to get the data. Note that // this is a synchronous request. $.ajax({ "url": "/state_load", "async": false, "dataType": "json", "success": function (json) { o = json; } }); return o; } }); });
fnStateLoadParams:和上面的不知道什么区别,没用过
// Remove a saved filter, so filtering is never loaded $(document).ready(function () { $('#example').dataTable({ "bStateSave": true, "fnStateLoadParams": function (oSettings, oData) { oData.oSearch.sSearch = ""; } }); }); // Disallow state loading by returning false $(document).ready(function () { $('#example').dataTable({ "bStateSave": true, "fnStateLoadParams": function (oSettings, oData) { return false; } }); });
fnStateLoaded:又是这个,加了ed 不知道意思没用过
// Show an alert with the filtering value that was saved $(document).ready(function () { $('#example').dataTable({ "bStateSave": true, "fnStateLoaded": function (oSettings, oData) { alert('Saved filter was: ' + oData.oSearch.sSearch); } }); });
fnStateSave:状态储存
$(document).ready( function() { $('#example').dataTable({ "bStateSave": true, "fnStateSave": function(oSettings, oData) { // Send an Ajax request to the server with the state object $.ajax({ "url": "/state_save", "data": oData, "dataType": "json", "method": "POST" "success": function () { } }); }; } ); } );
fnStateSaveParams :状态储存参数,没用过,不明白
// Remove a saved filter, so filtering is never saved $(document).ready(function () { $('#example').dataTable({ "bStateSave": true, "fnStateSaveParams": function (oSettings, oData) { oData.oSearch.sSearch = ""; } }); }); http://www.cnblogs.com/zhangwei595806165/p/3701463.html http://www.suchso.com/projecteactual/257.html
相关推荐
用datatables和bootstrap做的一个表格的demo
DataTables行分组的展开与折叠功能的实现
Jquery dataTable API 中文文档 word版 好用实在
包含翻译后的API文档:datatables-1.9.4-javadoc-API文档-中文(简体)版.zip; Maven坐标:org.webjars:datatables:1.9.4; 标签:webjars、datatables、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用...
使用DataTables API可以更加灵活操作DataTables并发挥出DataTables的特性。
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中文网 基于 jQuery 的表格插件,灵活,强大 | 1,如何使用? <!--第一步:引入Javascript / CSS (CDN)--> <!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href=...
包含翻译后的API文档:datatables-1.9.4-javadoc-API文档-中文(简体)-英语-对照版.zip; Maven坐标:org.webjars:datatables:1.9.4; 标签:webjars、datatables、中英对照文档、jar包、java; 使用方法:解压翻译后...
dataTables中文网离线版,但是里面的dataTables官网内容, 无法离线浏览,还是会去访问外国网站,起始点:index.htm
JQuery DataTables示例,包含分页、拖拽、导出,前端、后台分页都有,项目直接导入就可以使用,项目框架是struts2写Web项目。
Api-django-rest-framework-datatables.zip,django rest framework与datatables.django-rest-framework-datatables的无缝集成,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用程序之间...
从dataTables网站下载的导出扩展功能cav,pdf,excel等多个功能,非常方便使用,留个备份。
bootstrap dataTables使用方法 datatables常用API 文档整理很方便
datatables 插件
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
bootstrap整合dataTables
jquery.datatables,异步请求后台数据时,调用api动态合并行。
开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min开发工具 dataTables.bootstrap.min...