Allora ragazzi, riesumo il post (grazie Wisher):
Ho una <table> con alcuni risultati, più o meno una cosa del genere:
Codice PHP:
<tr>
<td>15126</td>
<td>[img]immagine[/img]</td>
<td>Info 1</td>
<td>Info 2</td>
<td>Titolo</td>
<td>Tipologia</td>
<td>Info 3</td>
<td>Info 4</td>
<td>Data 1</td>
<td>Data 2</td>
<td>Info 5</td>
<td>Modifica | Elimina</td>
</tr>
Al top della tabella ho alcune select che mi permettono di filtrare i risultati
Codice PHP:
<tr>
<td colspan="2"></td>
<td>
<select class="searchTable" id="selectContractSearch">
<option value="NULL" selected="selected">----------</option>
<option value="1">Opzione 1</option>
<option value="2">Opzione 2</option>
</select>
</td>
<td></td>
<td>
<select class="searchTable" id="selectCategoriesSearch">
<option value="NULL" selected="selected">----------------------</option>
<option value="10">Opzione 1</option>
<option value="8">Opzione 2</option>
<option value="7">Opzione 3</option>
</select>
</td>
[...]
</tr>
Quando seleziono un opzione dalle mie "tendine" succede questo:
Codice PHP:
$(":input").change(function(){
$.blockUI(messageElement);
// blocca durante la chimata ajax
$.ajax({
type: "POST",
url: "<?=site_url('admin/search_engine/search_entries')?>",
data: "nameCat="+$("#selectCategoriesSearch").attr('id')+"&valueCat="+$("#selectCategoriesSearch").val()+"&nameType="+$("#selectTypologiesSearch").attr('id')+"&valueType="+$("#selectTypologiesSearch").val()+"&nameContract="+$("#selectContractSearch").attr('id')+"&valueContract="+$("#selectContractSearch").val()+"&nameTitle="+$("#inputTitleSearch").attr('id')+"&valueTitle="+$("#inputTitleSearch").val()+"",
dataType: 'json',
success: function(data){
$("#tableDetails").html(data.results);
$("#paginationCell").html(data.pagination);
$("#totalEntries").html(data.totalrows);
}
});
$.unblockUI();
});
Fino qui tutto funge, ritorno una stringa jSon di questo tipo:
Codice PHP:
{ results: "<tr>
<td>15136</td>
<td><img src=\"immagine\" /></td>
<td>Info1</td>
<td>Info2</td>
<td>Info3</td>
<td>Info 4</td>
<td>Info5</td>
<td>Milano</td>
<td>Data 1</td>
<td>Data 2</td>
<td>Info 6</td>
<td Modifica | Elimina</td>
</tr>", pagination: "1<a href=\"2\">2</a>
<a href=\"3\">3</a>", totalrows: "3" }
Quindi ora mi ritrovo la tabella modificata con le nuove righe derivanti dal filtro dell'utente e con la nuova paginazione, sempre derivante dal filtro.
Bene, ora vorrei che cliccando sulla pagina numero 2 attraverso i link creati in pagination partisse una nuova chiamata ajax che cambiasse nuovamente i risultati della tabella, tenendo conto dei filtri.
Lunghetto eh? Sorry.
Rispondi quotando
