如何在操作后刷新jquery Datatable?

时间:2015-01-05 16:18:11

标签: jquery datatable

我有一个数据表,第一列显示分配到此行的代理商,在另一列中我有一个按钮,当点击显示一个表单将新代理商分配到此行时,一切正常,但对于新的代理商添加了我必须刷新页面才能看到它们,有没有办法在我点击“分配”按钮后立即添加它们?

这是一张显示我在说什么的图片:

enter image description here

感谢。

2 个答案:

答案 0 :(得分:0)

您可以使用以下内容:

if (success)
{
    var theDiv = $("<li/>");
    theDiv.html("<input type='checkBox' value='"+newItemValue+"'/> " + newItemName);
    theDiv.appendTo($("#theParentElement"));
}

当所有内容按预期运行时,您创建一个新的DOM元素,然后将其传递给主持有者。

答案 1 :(得分:0)

function initDataTable() {
   var oOverviewTable =$('#myTable').dataTable(
      {
      "bPaginate": true,
      "bJQueryUI": true,  
      "bLengthChange": false
      "sAjaxSource": '/Helpdesk/ActiveCases/noacceptancetest'
    });
 }

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

         table.fnClearTable(this);

     table.fnDraw();
   });
 }

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

 $(document).ready(function () {
     initDataTable();
  });

  //now call reloadTable function in agency assing event

可以看到原始帖子here