Salve a tutti. Premetto che sono una schiapap con js ajax.
Sto creando una funziona che mi visualizzi i contenuti in una tabella dinamicamente in modo da poter modificare eliminare ecc ecc.
lo script non l'ho fatto io, l'ho riadattato. io ho creato la parte html e php.
vi posto un pò di codice per far capire cosa sto facendo.
La pagina html è composta da 2 schede, uan dove si inserisce e va bene, ed una dove si visualizza...
Pagina HTML
codice:
<div id="tabs-2">
<span class="validate_error" id="error_error"></span>
<fieldset>
<legend>Lista News</legend>
<legend>
<span class="like_button" id="filter_active_news">News Attive</span> <span class="like_button" id="filter_not_active_news">News Non Attive</span>
</legend>
<hr />
<table id="edit_news" class="fullwidth" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr>
<th width="5%"><input type="checkbox" class="checkall" /></th>
<th>ID</th>
<th width="20%">Titolo</th>
<th width="20%">Autore</th>
<th width="20%">Data Creazione</th>
<th width="20%">Strumenti</th>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<hr />
</fieldset>
</div>
pagina news.js
codice:
//begin tab-2
var edit_news_table;
var filter_active_news = false;
var filter_not_active_news = false;
edit_news_table = $('#edit_news').dataTable({
"oLanguage":{"sSearch":'Cerca:'},
"bProcessing":true,
"bServerSide":true,
"aoColumns" : [
{ "bSortable": false,"sClass": "center" },
{ "bSortable": false},
null,
null,
null,
null,
null,
{ "bSortable": false},
{ "bSearchable": false,"bVisible": false},
{ "bSearchable": false,"bVisible": false},
{ "bSearchable": false,"bVisible": false},
{ "bSearchable": false,"bVisible": false},
//{ "bSearchable": false,"bVisible": false},
],
"bAutoWidth": false,
"aaSorting": [[2, 'asc']],
"sAjaxSource" : URL+'/news/ajax_show_all_news_table',
"fnServerData": function ( sSource, aoData, fnCallback ) {
aoData.push( { "name": "ajax", "value": "true" } );
if(filter_active_news) {aoData.push( { "name": "filter_active_news" , "value": "true" } );}
if(filter_not_active_news) {aoData.push( { "name": "filter_not_active_news" , "value": "true" } );}
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": function(data, textStatus, XMLHttpRequest){
if(data.respond == "NOT LOGGED IN"){
window.location.replace(URL);
}else{
fnCallback(data, textStatus, XMLHttpRequest);
}
}
} );
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
$(nRow).data('id',aData[2]);
return nRow;
}
});
Allora nell'html come vedete ci sono delle colonne con i puntini, quelli sono dati che si devono visualizzare quando clicco sull'icone per la visualizzazione di info aggiuntive.
La parte dove sicuramente sbaglio è la parte ajax "aoColumns" . non so bene come definirla, come usarla e a cosa serve. La classe php che preleva i dati funziona perfettamente in quanto quando lancio la pagina con firebugs non ci sono errori e vedo che il vettore dei risultati è carico.
Qualcuno mi da una nano a capire come mai non visualizzo i dati nella tabella? Inoltre c'è la scritta caricamento in corso quando lancio la pagina.
Anche la ricerca funziona perfettamente, vedo che la richiesta c'è e c'è un vettore dati di risposta.
Grazie