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
pagina news.jscodice:<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>
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
Rispondi quotando
