actualizar o volver a cargar la tabla de datos

Question

Estoy usando Jquery Datatable, que incluye la representación personalizada para las columnas. En función de los valores, tengo que desactivar cierto control en él. Quiero volver a cargar/actualizar/volver a enlazar mi tabla de datos jquery después de la publicación. ¿Cómo puedo hacer eso?

**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> 

Actualización: * *

encontré la respuesta:

• clara la mesa (fnClearTable)

• añadir nuevos datos a la tabla (fnAddData)

• redibujar la mesa (fnDraw)

Answer 1

Ifound la respuesta:

clear the table (fnClearTable) 

add new data to the table (fnAddData) 

redraw the table (fnDraw) 

Answer 2

Tu solo .dataTable() sobre la mesa de nuevo, sin ningún argumento.

Así que si hubiera hecho algo como esto:

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

Más tarde puede hacer esto para actualizarlo:

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

no lo llaman de nuevo con los argumentos; no me gusta eso.

Answer 3

Primera acaba de obtener referencia tabla de datos, utilizando

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

Después de eso hacen lo que sea, desea:

Clear the table : oTable.fnClearTable(); 

Redraw the table : oTable.fnDraw(); 

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

Answer 4

¿Estás seguro de que esto es no es lo que está buscando:

oTable.fnReloadAjax(); 

Eso funcionó para mí. Recarga la grilla usando la configuración de ajax url actual.

Answer 5

Esto funcionó para mí:

// 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(); 

Ahora acaba de hacer la llamada que hizo Inicialmente a reinicializar la tabla:

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

Answer 6

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

Answer 7

Para Versiones tabla de datos más recientes Este hará el trabajo :

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

En mi caso solo necesitaba volver a dibujarlo. Pero también puede borrar y agregar nuevos datos antes de volver a dibujar.