JQM Filterable Widget:如何清除离开页面?

时间:2015-10-12 00:15:15

标签: jquery-mobile jquery-mobile-listview

我正在使用jquery mobile 1.4.5。

我有一个listview,其中包含一个使用揭密功能的可过滤小部件。它过滤客户端json文件。运行搜索时,json项目按预期显示。但是,当离开页面然后返回页面时,项目列表仍然可见。

我希望将可过滤列表重置为""当页面发生变化时。

我不知道该怎么做。我搜索过并搜索过,但还没有找到答案。 TIA



<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"> 
                
                
			<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>
		</ul>		
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

执行此操作的一种方法是激活pagebeforeshow上的clear filter按钮:

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

<强> DEMO

每次显示页面时,我们都会在.ui-filterable容器中找到任何清除按钮,并激活按钮的click()事件。