DataTables ajax 动态更新数据
来源:互联网 发布:新手怎么装修淘宝网店 编辑:程序博客网 时间:2024/05/22 16:50
taTableExt.oApi.fnReloadAjax = function(oSettings, sNewSource, fnCallback, bStandingRedraw) { if (sNewSource !== undefined && sNewSource !== null) { oSettings.sAjaxSource = sNewSource; } // Server-side processing should just call fnDraw if (oSettings.oFeatures.bServerSide) { this.fnDraw(); return; } this.oApi._fnProcessingDisplay(oSettings, true); var that = this; var iStart = oSettings._iDisplayStart; var aData = []; this.oApi._fnServerParams(oSettings, aData); oSettings.fnServerData.call(oSettings.oInstance, oSettings.sAjaxSource, aData, function(json) { /* Clear the old information from the table */ that.oApi._fnClearTable(oSettings); /* Got the data - add it to the table */ var aData = (oSettings.sAjaxDataProp !== "") ? that.oApi._fnGetObjectDataFn(oSettings.sAjaxDataProp)(json) : json; for (var i = 0; i < aData.length; i++) { that.oApi._fnAddData(oSettings, aData[i]); } oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); that.fnDraw(); if (bStandingRedraw === true) { oSettings._iDisplayStart = iStart; that.oApi._fnCalculateEnd(oSettings); that.fnDraw(false); } that.oApi._fnProcessingDisplay(oSettings, false); /* Callback user function - for event handlers etc */ if (typeof fnCallback == 'function' && fnCallback !== null) { fnCallback(oSettings); } }, oSettings); };
$(document).ready(function() { $('#reloadDataBtn').click(function() { otable.fnReloadAjax('mySource2.php'); }); otable=$("#myTable").dataTable({ bSort: true, "bProcessing": true, "sAjaxSource": 'mySource1.php', bAutoWidth: true, "iDisplayLength": 5, "aLengthMenu": [5, 10, 25, 50, 100], "sPaginationType": "full_numbers", "aoColumnDefs": [{ "bSortable": false, "aTargets": [-1, 0]}] }); });
0 0
- DataTables ajax 动态更新数据
- Echarts图表通过Ajax动态更新数据
- 使用Ajax加载数据的dataTables
- ajax动态更新dynatable 表格里面的数据
- JQuery插件之-----Datatables(三)Datatables实现多选框与AJAX返回数据
- 使用 jquyer datatables 组件中的ajax 功能。进行数据刷新
- Datatables Ajax获取多维数组数据 columns指定
- 利用JS AJAX向datatables中的表格体填充数据
- yii ajax 更新数据
- ajax实时更新数据
- Ajax - 动态更新Web页面
- jQuery ajax 表单 动态更新
- ajax动态更新下拉列表
- datatables的ajax
- datatables之ajax请求
- ajax动态数据排序
- Listview动态更新数据
- 动态更新highcharts数据
- Redis主从复制
- MyBatis_typeAliases
- poj1101The Game(记忆化搜索)
- Magento优化篇——记录
- media queries
- DataTables ajax 动态更新数据
- 如何在myeclipse中使用Hibernate框架
- Java 枚举7常见种用法
- 【mathematical morphology】Quoit-filter
- sql拆分字符串
- iOS NSString正常显示GBK编码字符
- 使用qml 实现简单的播放器(1)
- CentOS 6.3 下用ntfs-3g挂载Windows NTFS分区
- 矩阵分析(三)内积空间