李树桓88 2016-02-19 09:01 采纳率: 0%
浏览 2911

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条回答

  • Go 旅城通票 2016-02-19 11: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++;
    }
    
    评论

报告相同问题?

悬赏问题

  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?
  • ¥15 matlab(相关搜索:紧聚焦)