Archivio della Categoria : ‘ javascript’

WP Table Reloaded: cercare su due tabelle

{ Inserito il 12 dic 2011 da maury }

Ultimamente ho affrontato questo problema: come poter cercare in contemporanea su due tabelle usando WordPress e il fantastico plugin Wp-Table-Reloaded? Ho dovuto fare un po’ di ricerche prima di venirne a capo: prima di tutto la soluzione è totalmente Client Side, in javascript per intenderci, perchè il plugin usa molto (lo si imposta dalle opzioni) la potentissima libreria JS Data Tables, che offre anche una ricca API.

Ecco alla fine la soluzione, poche righe di codice da includere nella pagina che inseriscono il campo per la ricerca, il pulsante per eseguirla e la funzione JS che usa la libreria di “Data Tables” per filtrare le righe nelle due tabelle con id 3 e 4 !

function myFilter(){
    theval = jQuery('#maininput').val();

    oTable3 = jQuery('#wp-table-reloaded-id-3-no-1')
        .dataTable();
    oTable4 = jQuery('#wp-table-reloaded-id-4-no-1')
        .dataTable();

    oTable3.fnFilter(theval);
    oTable4.fnFilter(theval);
}

jQuery(document).ready(function() {
  jQuery('div.PostContent')
    .before('<h3>TEST DI RICERCA:</h3><p>
      <input id="maininput" type="text">
      <input type="button" id="btnSearch" onClick="myFilter();" 
      value="CERCA" /></p><br />');
});
Leggi »