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:
Este es mi codigo en el cual quiero implementar dichas funciones: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); });
Código:
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.$(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" }) } }); })
Creo que tengo errores de syntaxis..