aggiorna o ricarica datatable

Question

Sto usando Jquery Datatable che include il rendering personalizzato per le colonne. In base ai valori, devo disabilitare alcuni controlli al suo interno. Voglio ricaricare/aggiornare/rebindare il mio jquery datatable dopo la pubblicazione. Come lo posso fare?

**Controller:** 

    [HttpPost] 
    public JsonResult PostAction(MyMOdel model) 
    { 
     //save changes to DB 
     return Json(new 
     { 
      Success = result, 
     }); 
    } 

public ActionResult MyAction() 
    //grab records from DB and return JSON 
} 

**View:** 

@using (Ajax.BeginForm("PostAction", "ControllerName", null, 
     new AjaxOptions 
     { 
      UpdateTargetId = "update-message", 
      InsertionMode = InsertionMode.Replace, 
      HttpMethod = "POST", 
      OnSuccess = "updateSuccess" 
     }, new { @id = "myForm" 

} 
     )) 
{ 
<table id="myTbl" class="display"><tr><td>col1</td></tr></table> 
} 

<script type="text/javascript"> 
     var oTable = $('#myTbl').dataTable({ 
        "sAjaxSource": "/ControllerName/MyAction", 
         <!-- more config --> 

    function updateSuccess(data, status, xhr) { 
     //refresh datatable; 

    } 
</script> 

Aggiornamento: * *

ho trovato la risposta:

• chiara tabella (fnClearTable)

• aggiungere nuovi dati alla tabella (fnAddData)

• ridisegnare il tavolo (fnDraw)

Answer 1

Ifound la risposta:

clear the table (fnClearTable) 

add new data to the table (fnAddData) 

redraw the table (fnDraw) 

Answer 2

Basta chiamare .dataTable() sul tavolo ancora una volta, senza alcun argomento.

Quindi, se avessi fatto qualcosa di simile:

$('#someTable').dataTable({ 
    someAttribue: someValue 
}); 

Si può poi fare questo per aggiornarlo:

$('#someTable').dataTable(); 

Non chiamare di nuovo con gli argomenti; non gli piace.

Answer 3

Prima solo ottenere riferimento DataTable, utilizzando

var oTable = $("#someTable").dataTable(); 

Dopo di che fare tutto ciò, si vuole:

Clear the table : oTable.fnClearTable(); 

Redraw the table : oTable.fnDraw(); 

Add new data to the table : oTable.fnAddData(); 

Answer 4

Sei sicuro che questo è non quello che stavi cercando:

oTable.fnReloadAjax(); 

Questo ha funzionato per me. Ricarica la griglia utilizzando l'attuale configurazione di ajax url.

Answer 5

questo ha funzionato per me:

// Initially 
window.table = $('#TableID').dataTable({ 
        ... 
       }); 

// Later, when table needs to be refreshed 
window.table.fnDestroy(); 
// depending on the version, maybe just .destroy() instead of .fnDestroy(); 

Ora basta fare la chiamata che hai fatto Inizialmente al REINIT tabella:

window.table = $('#TableID').dataTable({ 
        ... 
       }); 

Answer 6

var oTable = $('#groups').dataTable(); 
oTable.fnClearTable(); 
oTable.fnDestroy(); 
groupsList(); 

Answer 7

Per le versioni più recenti DataTable questo farà il lavoro :

var table = $('#yourDataTable').DataTable({...}); 
table.columns.adjust().draw(); 

Nel mio caso ho solo bisogno di ridisegnarlo. Ma puoi anche cancellare e aggiungere nuovi dati prima di ridisegnare.