Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Actualizar datos datatable

Estas en el tema de Actualizar datos datatable en el foro de Frameworks JS en Foros del Web. Buenas, Estoy utilizando el plugin DATATABLES jquery para mostrar datos de mi bd.. hasta ahí todo bien. Estoy intentando hacer un reload automatico para que ...
  #1 (permalink)  
Antiguo 07/05/2014, 05:43
 
Fecha de Ingreso: julio-2013
Mensajes: 12
Antigüedad: 11 años, 5 meses
Puntos: 0
Actualizar datos datatable

Buenas,

Estoy utilizando el plugin DATATABLES jquery para mostrar datos de mi bd.. hasta ahí todo bien.

Estoy intentando hacer un reload automatico para que se muestren los datos actuales despues de un update.

He visto que se puede hacer de varias maneras pero realmente no he conseguido hacerlo funcionar..

Este codigo funciona perfectamente y es el que quiero implementar en el mio:
Código:
 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);
});
Este es mi codigo en el cual quiero implementar dichas funciones:

Código:
$(document).ready(function() {
	$.ajax({
			url: './include/process.php',
			type: 'post',
			data: { tag: 'getData'},
			dataType: 'json',
			success: function (data) {
				if (data.success) {
					$.each(data, function (index, record) {
						if ($.isNumeric(index)) {
							var row = $("<tr />");
							$("<td />").text(record.id_socio).appendTo(row);
							$("<td />").text(record.dni).appendTo(row);
                                                        $("<td />").text(record.nombre).appendTo(row);
                                                        $("<td />").text(record.apellido).appendTo(row);
                                                        $("<td />").text(record.fecha_ingreso).appendTo(row);
                                                        $("<td />").text(record.email).appendTo(row);
				               row.appendTo("table");
						}
					})
				}

			 oOverviewTable =$('#HelpdeskOverview').dataTable({
					"bJQueryUI": true,
          
       
					"sPaginationType": "two_button"
          
				})
      
  
      
			}
		});
  
   
})
La pregunta es, donde meto las funciones? tengo que cambiar algo más aparte del ID de mi tabla? Llevo unos dias intentando hacerlo funcionar y no doy con ello.
Creo que tengo errores de syntaxis..

Etiquetas: ajax, datatable, funcion, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:17.