Come si elimina il filtro di ricerca dell'elenco JQuery Mobile?

Question

Ho un'applicazione JQuery Mobile (1.0rc1) che ha una vista elenco con un filtro di ricerca implementato. È simile all'esempio this.

In determinate condizioni, sto caricando dinamicamente altri elementi nell'elenco con una chiamata ajax. Quando ciò accade, voglio cancellare tutto ciò che è stato inserito nel filtro di ricerca, altrimenti finisco con un elenco parzialmente filtrato.

Ho provato a sparare il tasto chiaro come questo:

$('.ui-button-clear', $.mobile.activePage).click(); 

e deselezionando la forma in questo modo:

$("form > input", $.mobile.activePage).val(''); 

ma nessuno dei due ha funzionato. Qualcuno può illuminarmi nel modo giusto per realizzare questo?

Answer 1

Si dovrebbe essere in grado di cancellare cancellare il SearchFilter con

$('input[data-type="search"]').val(""); 

Edit: Per aggiornare la lista si avrà anche per attivare la -Event "cambiamento" sul SearchFilter:

$('input[data-type="search"]').trigger("keyup"); 

JSFiddle

Answer 2

io uso il seguente codice:

0.123.

$("form")[0].reset(); 

Il [0] indica il metodo dell'elemento DOM. vedere anche How to reset (clear) form through JavaScript?

Answer 3

se si parla di Jquery ListView cellulare, allora avete bisogno di questo

$('#autocomplete li').click(function() { 
            $('.ui-input-clear').trigger("click"); 
           });