如何重新加载/刷新jQuery dataTable？ [英] How to reload/refresh jQuery dataTable?

问题描述

我试图实现功能，点击屏幕上的按钮将导致我的 jQuery dataTable 刷新（作为服务器这个数据源可能会在dataTable创建以来发生变化）。

以下是我所拥有的：

<$ p $点击（function（）{
$（＃my-datatable）（$（$（$） ）.dataTable（）。fnReloadAjax（）;
}）;
}）;

但是当我运行这个，它什么都不做。单击按钮时刷新dataTable的正确方法是什么？感谢提前！

解决方案

您也可以尝试这样也可以。Plz参考这个。

  function InitOverviewDataTable（）
 {
 oOverviewTable = $（'＃HelpdeskOverview'）。dataTable（
 {
 bPaginate：true，
bJQueryUI：true，// ThemeRoller-stöd
bLengthChange：false，
bFilter：false，
bSort ，
bInfo：true，
bAutoWidth：true，
bProcessing：true，
iDisplayLength：10，
sAjaxSource / Helpdesk / ActiveCases / noacceptancetest'
}）; 
} 
 
函数RefreshTable（tableId，urlData）
 {
 $ .getJSON（urlData，null，function（json）
 {
 table = $（tableId）.dataTable（）; 
 oSettings = table.fnSettings（）; 
 
 table.fnClearTable（this）; 
 
 for（var i = 0; i< json.aaData.length; i ++）
 {
 table.oApi._fnAddData（oSettings，json.aaData [i]）; 
} 
 
 oSettings.aiDisplay = oSettings.aiDisplayMaster.slice（）; 
 table.fnDraw（）; 
}）; 
} 
 
函数AutoReload（）
 {
 RefreshTable（'＃HelpdeskOverview'，'/ Helpdesk / ActiveCases / noacceptancetest'）; 
 
 setTimeout（function（）{AutoReload（）;}，30000）; 
} 
 
 $（document）.ready（function（）{
 InitOverviewDataTable（）; 
 setTimeout（function（）{AutoReload（）;}，30000） ; 
}）; 
  

http://www.meadow.se/wordpress/?p=536

I am trying to implement functionality whereby clicking a button on the screen will cause my jQuery dataTable to refresh (as the server-side data source may have changed since the dataTable was created).

Here's what I have:

$(document).ready(function() {
    $("#my-button").click(function() {
        $("#my-datatable").dataTable().fnReloadAjax();
    });
});

But when I run this, it does nothing. What's the proper way to refresh the dataTable when the button is clicked? Thanks in advance!

解决方案

You can also try like this also.. Plz refer this.

function InitOverviewDataTable()
{
  oOverviewTable =$('#HelpdeskOverview').dataTable(
  {
    "bPaginate": true,
    "bJQueryUI": true,  // ThemeRoller-stöd
    "bLengthChange": false,
    "bFilter": false,
    "bSort": false,
    "bInfo": true,
    "bAutoWidth": true,
    "bProcessing": true,
    "iDisplayLength": 10,
    "sAjaxSource": '/Helpdesk/ActiveCases/noacceptancetest'
  });
}

function RefreshTable(tableId, urlData)
{
  $.getJSON(urlData, null, function( json )
  {
    table = $(tableId).dataTable();
    oSettings = table.fnSettings();

    table.fnClearTable(this);

    for (var i=0; i<json.aaData.length; i++)
    {
      table.oApi._fnAddData(oSettings, json.aaData[i]);
    }

    oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
    table.fnDraw();
  });
}

function AutoReload()
{
  RefreshTable('#HelpdeskOverview', '/Helpdesk/ActiveCases/noacceptancetest');

  setTimeout(function(){AutoReload();}, 30000);
}

$(document).ready(function () {
  InitOverviewDataTable();
  setTimeout(function(){AutoReload();}, 30000);
});

http://www.meadow.se/wordpress/?p=536

这篇关于如何重新加载/刷新jQuery dataTable？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！