JQM Filterable Widget: как очистить страницу?

Question

Я использую jquery mobile 1.4.5.

У меня есть listview с фильтруемым виджетами, который использует функцию обнаружения. Он фильтрует json-файл на стороне клиента. Элементы json отображаются, как ожидается, когда выполняется поиск. Однако при навигации по странице и возвращении на страницу список элементов все еще отображается.

Я хочу, чтобы сбрасываемый список сбрасывался до «» при изменении страницы.

Я не уверен, как это сделать. Я искал и искал, но не нашел ответа. ТИА

<ul data-role="listview" spry:region="dsAPDTall" data-filter-reveal="true" data-filter="true" data-filter-placeholder="Search..." data-filter-theme="a" data-inset="true"> 
 
       
 
       
 
\t \t \t <li spry:repeat="ds1" spry:setrow="ds1" > 
 
       <a href="#{page}"> 
 
       <p class="ui-li-aside">{someContent}</p> 
 
       <img src={imageurl} style="width:80px;height:80px;border:#006;border-style:solid; border-width:thin"> 
 
       </a> 
 
      </li> 
 
\t \t </ul> \t \t

Answer 1

Один из способов сделать это, чтобы активировать кнопку Очистить фильтр на pagebeforeshow:

$(document).on("pagebeforeshow", "#page1", function() { 
    $("#page1 .ui-filterable .ui-input-clear").click(); 
}); 

DEMO

Каждый раз, когда отображается страница, мы обнаруживаем любые кнопки в пределах .ui-фильтруемых контейнеров и активируем событие click() кнопки.