Question

好的我正在使用：

<ul id="residentList" data-role="listview" data-inset="true" data-filter="true" />
//Now follows the list
<ul>

所以这很简单，但我基本上也想要的是一个复选框。选中时，它应该过滤某个字符串。

jquerymobile有这个功能吗？我怎样才能做到这一点。如果我可以根据复选框的Checked状态+也可以使用Searchbox

中的任何内容进行过滤，这将是超级的

Answer 1

选中后，它应过滤某个字符串。 jquerymobile有这个功能吗？

...是

http://api.jquerymobile.com/filterable/

Filterable小部件的过滤器显示功能可以轻松地使用本地数据构建简单的自动完成功能。当Filterable小部件用于具有data-filter-reveal =＆＃34; true＆＃34;的列表时属性，当搜索字段为空时，它将自动隐藏所有列表项。如果您需要搜索一长串值，我们提供了一种使用远程数据源创建过滤器的方法。

<form class="ui-filterable">
    <input id="autocomplete-input" data-type="search" placeholder="Search fruits...">
</form>
<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#autocomplete-input" data-inset="true">
    <li><a href="#">Apple</a></li>
    <li><a href="#">Banana</a></li>
    <li><a href="#">Cherry</a></li>
    <li><a href="#">Cranberry</a></li>
    <li><a href="#">Grape</a></li>
    <li><a href="#">Orange</a></li>
</ul>

可过滤的小部件可以在任何标签中使用，而不仅仅是ul / ol listviews。查看演示页面，因为它们有各种不同的方法，您应该感兴趣。由于您使用的是listview，请务必执行

$("#residentList").listview("refresh);

进行更改/更新后。

根据Checkbox值过滤列表

1 个答案: