bootstrap datatable 数据刷新问题
在项目中,页面初始化的时候,通过通过向后台请求数据,页面初始化完之后,datatable是有数据的,当我点击页面的搜索按钮(按照时间过滤数据),datatable的数据要能重新刷新或者重载;这一点,我的实现是直接从数据库中查询,目前的数据量比较小,还没必要用到缓存,此时,由于初做web,遇到了好多问题,诸如datatable cannot initial 等等问题,
datatable初始化的代码:
$(document).ready(function() {$('#example1').DataTable({"bPaginage": false, "sPaginationType": "full_numbers", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条", "sZeroRecords": "没有找到符合条件的数据", "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条", "sInfoEmpty": "没有记录", "sInfoFiltered": "(从 _MAX_ 条记录中过滤)", "sSearch": "搜索", "sProcessing": "数据加载中...", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "尾页" } }, "aoColumns": [ { "sDefaultContent": "", fnRender: function (obj) { return "<input type='checkbox' name='checkbox1'/>" } }, {"mData": "column_name"}, {"mData": "data_type"}, {"mData": "column_comment"} ] }); $('#example2').DataTable({ "bProcessing":false, "bFilter" : true, "bPaginate": true, "sPaginationType": "full_numbers", "bSort": true, "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条", "sZeroRecords": "没有找到符合条件的数据", "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条", "sInfoEmpty": "没有记录", "sInfoFiltered": "(从 _MAX_ 条记录中过滤)", "sSearch": "搜索", "sProcessing": "数据加载中...", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "尾页" } }, "aoColumns": [ {"mData": "column_name"}, { "sDefaultContent": "", fnRender: function (obj) { return "<input type='checkbox' name='checkbox2'/>" } }, { "sDefaultContent": "", fnRender: function (obj) { return "<button class='btn' " + "style='margin-top: -2px;margin-bottom: -18px;padding-top: 3px;height: 24px!important;" + "font-size: 8px;color: snow' " + "onclick=dl(this)>删除</button>" } } ] }); }); var table2 = $('#example2').dataTable(); oSettings = table2.fnSettings(); $.getJSON("transform.action?data="+data.join(","), null, function( json ) { for (var i=0; i<json.aaData.length; i++) { table2.oApi._fnAddData(oSettings, json.aaData[i]); } oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); table2.fnDraw(); }); //也许你还可能用到这几个方法: table = $('#e xample1').dataTable(); oSettings = table.fnSettings(); table.fnClearTable(this);
一个简单的方法…
$(‘YourDataTableID’).dataTable()._fnAjaxUpdate();
它将通过与非常简单的ajax请求刷新数据。
转载于:https://www.cnblogs.com/telwanggs/p/7418804.html
bootstrap datatable 数据刷新问题相关推荐
- ajax刷新数据库数据,ajax删除数据刷新数据库
ajax删除数据刷新数据库 内容精选 换一换 DWS数据连接创建完成后,用户可以在右侧区域中管理DWS数据连接的数据库模式.已新建DWS数据连接,请参见新建数据连接.已新建DWS数据库,请参见新建数据 ...
- c# applibrary实现一个Sheet表中存放多张DataTable数据
1.工具类(applibrary.dll) public class ExcelHelper {/// <summary>/// 文件名/// </summary>public ...
- powerbi实时刷新mysql数据库_PowerBI开发 第七篇:数据集和数据刷新
PowerBI报表是基于数据分析的引擎,数据真正的来源(Data Source)是数据库,文件等数据存储媒介,PowerBI支持的数据源类型多种多样.PowerBI Service(云端)有时不直接访 ...
- android listview 数据同步,android中ListView数据刷新时的同步方法
本文实例讲述了android中ListView数据刷新时的同步方法.分享给大家供大家参考.具体实现方法如下: public class Main extends BaseActivity { priv ...
- 将DataTable 数据插入 SQL SERVER 数据库
原文:将DataTable 数据插入 SQL SERVER 数据库 以下提供3中方式将DataTable中的数据插入到SQL SERVER 数据库: 一:使用sqlcommand.executenon ...
- Flutter StatefulBuilder 用来实现局部数据刷新
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
- 不生成Excel文件,将Datatable数据 Response.write 输出生成Excel (转载)
不生成Excel文件,将Datatable数据 Response.write 输出生成Excel using System; using System.Data; using System.Confi ...
- react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载)
react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载) 参考文章: (1)react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载) ( ...
- 11300001数据集配置错误_Power BI 中的数据刷新(二)
接着上篇文章我们接着谈谈Power BI 中的数据刷新(二) 查看数据基础结构依赖项 无论采用哪种存储模式,都必须能够访问基础数据源,否则将无法成功刷新数据. 有三种主要的数据访问方案: 数据集使用驻 ...
最新文章
- 微信在诺基亚手机登录服务器繁忙,马化腾正式宣布:禁止在该手机上登录QQ和微信?网友:诺基亚再见...
- 【node】------mongoose的基本使用------【巷子】
- 搭建mongodb集群(副本集+分片)
- coreData数据操作
- RabbitMQ,RabbitMQ 的工作模式,Spring 整合 RabbitMQ,Springboot 整合RabbitMQ
- springboot使用ImportBeanDefinitionRegistrar 动态注册bean
- CDH中hue使用oozie调度的文件注意事项
- C#二进制流的序列化和反序列化操作
- mysql 分页拦截器_MyBatis 拦截器 (实现分页功能)
- 浙江独立学院计算机专业排名2015,2014-2015年中国独立学院排名
- RecyclerView使用中遇到的问题
- 单片机毕设选题 - stm32心率脉搏血压体征监测手表(嵌入式 物联网)
- D-028 DDR3硬件电路设计
- javascript事件流的原理
- 表单_内置Filed
- java后端实现集成支付宝APP支付(沙箱环境)
- Excel怎么样可以快速删除空白表
- 可视门铃竟然可以泄露WiFi密码
- Bugku杂项——图穷匕见
- 松鼠的新家(树上点差分 + LCA)
热门文章
- (20)System Verilog接口interface设计示例
- java 熔断_熔断理解 - THISISPAN - 博客园
- 16. GD32F103C8T6入门教程-adc 使用教程2-dma+连续扫描方式采集数据
- 5003.c++定义hpp文件
- 蚌埠学院计算机科学技术校区,蚌埠学院计算机科学与关键技术(6页)-原创力文档...
- 【C语言】数列有序(一维数组处理)
- gcc生成的汇编和keil生成的汇编_Linux编译工具:gcc入门
- mysql建立索引的优缺点|创建索引alter或create索引分类(PRIMARY KEY,UNIQUE KEY,FULLTEXT,INDEX)作用查看索引show index from table
- ROS:定制自己的消息类型msg
- 嵌入式Linux系统编程学习之二十二内存映射