Jquery mobile -如何为两个数据集使用listview数据过滤器

jquery mobile - how to use listview data-filter for two data-sets?

本文关键字：数据集 两个 listview 过滤器 数据 mobile Jquery      更新时间：2023-09-26

我有一个JQM页面，其中有两个data-role="listview"。它们共享相同的数据集，一个listview是纯文本的，另一个还包括图标。

我想在两个列表视图上使用data-filter="true"选项，但只有一个过滤器，它更新两个列表视图。

我不知道如何才能做到这一点，所以任何提示都是非常感谢的。

我有:

 <ul data-role="listview" data-filter="true" data-divider-theme="c">
    <li data-role="list-divider">B</li>
    <li><a href="#profile" data-transition="slide"><img src="loc/icons/brandSprite.png" class="ui-li-icon">One</a></li>
    <li><a href="#profile" data-transition="slide"><img src="loc/icons/brandSprite.png" class="ui-li-icon">Two</a></li>
    <li><a href="#profile" data-transition="slide"><img src="loc/icons/brandSprite.png" class="ui-li-icon">Three</a></li>
    ...
 <ul data-role="listview" class="iconList">
    <li data-icon="false"><a href="#profile" data-transition="slide"><img src="img/brands/icon_one.png" /><h3>One</h3></a></li>
    <li data-icon="false"><a href="#profile" data-transition="slide"><img src="img/brands/icon_two.png" /><h3>Two</h3></a></li>
    <li data-icon="false"><a href="#profile" data-transition="slide"><img src="img/brands/icon_three.png" /><h3>Three</h3></a></li>
    ...

第一个列表有过滤器，它应该过滤第一个和第二个列表。

谢谢你的帮助!

两者是独立的列表。Data-filter ="true"只用于在一个列表中过滤，
你能做的也许是一个黑客。将data-filter=true放在两者中。然后在刷新列表后，隐藏第二个列表上的过滤器。(显示:无)。现在放入一个事件处理程序，它在第二个过滤器字段中键入u在第一个过滤器字段中键入的任何类型。
这将工作，但不推荐。我建议不要使用data-filter="true"，而是实现您自己的过滤机制。
或者只是把数据过滤器放在最上面，然后隐藏那些元素在第二个列表中，这些元素在第一个列表中被隐藏。

相关文章：