2 u010345450 u010345450 于 2016.02.19 17:01 提问

jQuery的datatable更新问题

function getProvince() {
var province=document.getElementById("selProvince").value;
$('#buchongList').dataTable().fnClearTable();
$.ajax({
type: "post",
url: "/IotCloud-bugtrapper-service/rest/dynamic/listDynamicData",
datatype: "json",
data: {
"time_type":"0",
"filter_province":"10"
},
success: function (data) {
info = data.data;
table = $('#buchongList').DataTable({
"filter": [ 6, false ],
"bPaginate": true,
"pagingType": "full_numbers",
"bFilter": true,
"bLengthChange": true,
"bDestroy":true,
"bInfo": true,
"bSort": true,
"retrieve":true,
"oLanguage": {
"sZeroRecords": "没有数据",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
},

            "columnDefs": [
                {
                "targets": [12],
                "defaultContent": "<button id='shuju' style='cursor:pointer;color:#009ACD; margin-left:20px; background-color:transparent;border:none;outline:none;'><img src='img/icon2.png'></button>" +
                "<button id='download' style='cursor:pointer;color:#009ACD; margin-left:0px; background-color:transparent;border:none;outline:none;'><img src='img/icon1.png'></button>"+
                "<button id='reset' style='cursor:pointer;color:#009ACD; margin-left:0px; background-color:transparent;border:none;outline:none;'><img src='img/icon3.png'></button>"
            },
                {"orderable":false,"targets":[3,4,5]
            }, {"targets": [ 0 ], "visible": false},
            ],
            data:info,
            columns: [
                {data: ''},
                {data: 'gatewayId'},
                {data: "trapperUnitId"},
                {data: 'trapperName'},
                {data: 'locationName'},
                {data: 'trapperAddr'},
                {data: 'temp'},
                {data: 'humidity'},
                {data: 'windSpeed'},
                {data: 'lightSource'},
                {data: 'rainfall'},
                {data: 'bugCount'}
            ]
        });

    }

})

}
要实现table更新。我先clear了表格,然后却加载不出数据了?求大神解释,谢谢。

1个回答

showbo
showbo   Ds   Rxr 2016.02.19 19:54

不要重新构造,应该是没用,用fnAddData方法循环添加数据,自己看api
http://legacy.datatables.net/ref

 // Global var for counter
var giCount = 2;

$(document).ready(function() {
  $('#example').dataTable();
} );

function fnClickAddRow() {
  $('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    giCount+".4" ]
  );

  giCount++;
}
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jquery datatable 列表刷新
异步获取数据列表刷新发放: $('#xxxxx').DataTable().ajax.reload();
fnUpdate
http://www.datatables.net/docs/DataTables/1.9.4/#fnUpdate
jQuery DataTables 的几个坑,异步加载(服务器)、监听、重载等等
  今天真的被这破插件气疯了,于是有了下面的截图。此文不定期更新,要是有新坑欢迎来填。 jQuery DataTables 的几个坑,监听、重载等等 看看截图娱乐娱乐 好了,正事儿要紧,先来说说这玩意儿的加载过程 首先必不可少的 jQuery、DataTables.js、DataTables.css 的引入略过 我们先手写好一张 table 表格,大概...
jquery datatable 异步刷新
xxxTable.ajax.reload();参考文档: http://datatables.club/reference/api/ajax.reload().html
DataTable只刷新列表,但不刷新页面
当使用DataTable做删除等操作时会有刷新列表,但不刷新页面的情况 此时调用loadTable();,而不是location.reload(); function refreshTable(){ $('#dataSet_table').dataTable().fnDestroy(); loadTable(); }; //location.reload(); if(data
jQuery插件DataTable删除行后的页面更新利
应用Jquery的DataTable进行数据表处理非常方便,常遇到的一个问题就是删除一行后页面必须进行更新, 怎么样才能保证再删除当前页的行之后还能保留在当前页,而且,当删除该页仅剩的一条记录时,能够自动转到上一页的数据显示??? 初始化dataTable中添加字段:  'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上; functi
jquery.datatables 缓存问题的解决办法
我在使用的时候遇到了一个很奇怪的问题。我的代码是这样写的var oTable;     oTable =$(#example).dataTable({"bProcessing": true,"bServerSide": true,"sPaginationType": "full_numbers","aaSorting": [[ 5, "desc" ]],"aoColumns": [{ "bSo
bootstrap jquery dataTable 异步ajax刷新表格数据
异步请求 var postData = { "env_name" : new_env_name, "env_url": new_env_url, "env_desc" : new_env_desc }; $.ajax({
关于 DataTables 本地储存那点事,又爱又恨 (stateSave参数应用)
这是一个 stateSaveOption 参数引发的一系列“惨案”。 为什么说又爱又恨?这要从很久很久以前说起…… 目录 爱在哪里? 恨在哪里? 什么时候该使用这个参数? 示例讲解 总结 爱在哪里? 说实在的stateSave 这个还是 DataTables 一个比较好的功能,保存上次分页状态,数据上次排列顺序,上次条件过滤的结果……,
Jquery datatable中文排序问题
先扩展datatable的的排序功能,添加一个自定义排序函数 //为jq datatable 自定义中文排序 jQuery.fn.dataTableExt.oSort['chinese-sort-asc'] = function(s1,s2) { return s1.localeCompare(s2); }; jQuery.fn.dataTa