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请求刷新数据。
bootstrap datatable 数据刷新问题的更多相关文章
- bootstrap修改数据刷新页面跳转到当前页的问题
		修改按钮的页面的方法里添加如下代码 1 var pn = $("#datatable").bootstrapTable('getOptions').pageNumber; ... 
- 利用表格分页显示数据的js组件bootstrap datatable的使用
		前面展示了datatable的简单使用,还可以通过bootstrap结合datatable来使用,这样可以进一步美化datatable插件 <!DOCTYPE html> <html ... 
- asp.netajax与jquery和bootstrap的无刷新完美实现
		20190421asp.netajax与jquery和bootstrap的无刷新完美实现 设计代码和后台代码中重要部分加粗和深色以及字号加大. 设计前台代码: <%@ Page Title=&q ... 
- bootstrap datatable项目封装
		(function($) { $.fn.formJSON = function() { var serializeObj = {}; var array = t ... 
- excel to datatable (c#用NPOI将excel文件内容读取到datatable数据表中)
		将excel文件内容读取到datatable数据表中,支持97-2003和2007两种版本的excel 1.第一种是根据excel文件路径读取excel并返回datatable /// <sum ... 
- DataTable数据批量写入数据库三种方法比较
		DataTable数据批量写入数据库三种方法比较 标签: it 分类: C#1) insert循环插入:2) sqldataadapter.update(dataset,tablename); ... 
- c# applibrary实现一个Sheet表中存放多张DataTable数据
		1.工具类(applibrary.dll) public class ExcelHelper { /// <summary> /// 文件名 /// </summary> pu ... 
- 【转】将datatable数据转化成list
		#region 将datatable数据转化成list public static List<T> ToList<T>(this DataTable dt) where T ... 
- DataTable数据与Excel表格的相互转换
		using Excel = Microsoft.Office.Interop.Excel; private static Excel.Application m_xlApp = null; /// & ... 
随机推荐
- 使用Swift模拟Window-LFU
			今天參加了某公司2015的校招的机试,大题开放题比較多.有一道大题是Window-LFU比較有意思,当时题目搞了半天没搞明确让干啥- -题目大概是这种:实现一个Window-LFU缓存(事实上就是用数 ... 
- Android 代码设置Activity 背景透明
			当指定Activity 样式 Them.Dialog 时候 又不同意用XML 设置 Activity 的背景颜色的时候 用代码 this.getWindow().getDecorView().setB ... 
- web 开发之js---js 中的定时器setTimeout(function,time),setinterval(function,time)
			####10秒自动跳转 <div class="jf_register"> <h2>您好,欢迎光临<fmt:message key="b2c ... 
- Eclipse Import别人的源代码,出错解决过程
			1.从APKBus上下载了一个源码,想研究一下,结果出错了,经过各种百度,实验,终于解决了,现在记录一下.. File-Import 导入源文件. 
- linux发行版的用户交互
			1 cli,即command line interface 纯命令行的交互方式,该命令行界面是由shell提供的. linux内核本身也自带了一个console,即linux console,它是基于 ... 
- C++new失败的处理(如果 new 分配内存失败,默认是抛出异常的,但也可以取消异常)
			我们都知道,使用 malloc/calloc 等分配内存的函数时,一定要检查其返回值是否为“空指针”(亦即检查分配内存的操作是否成功),这是良好的编程习惯,也是编写可靠程序所必需的.但是,如果你简单地 ... 
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
			网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们 ... 
- uva10870
			https://vjudge.net/problem/UVA-10870 裸的矩阵快速幂 注意系数矩阵在前面 因为系数矩阵为d*d 方程矩阵为d * 1 放反了就是d * 1 d * d 不符合矩阵乘 ... 
- 6. extjs panel layoutconfig属性
			转自:https://blog.csdn.net/xingtianyiyun/article/details/7686811 layoutConfig: Object 这是一个包含指定布局详细属性的对 ... 
- JS判断字符串中是否存在某个字符
			用String类中的indexOf函数,例如:String str="we find out sth";if(str.indexOf("o")==-1){ // ... 
