jquery mobile - 如何使用listview數據過濾器的兩個數據集？

Question

我有一個JQM頁面，其中有兩個data-role =「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> 
    ... 

第一個列表有過濾器，它應該過濾第一和第二列表。

感謝您的幫助！

Answer 1

都是單獨的列表。 data-filter =「true」僅用於在一個列表中進行過濾，在此處進行設置。
你可以做的是一個黑客也許。將數據過濾器=真正在兩個。然後在刷新列表後，將過濾器隱藏在第二個列表中。 （顯示：無）。現在放置一個事件處理程序，在第二個過濾器字段上輸入任何類型的頂級數據。
這將工作，但不建議。我建議您不要使用data-filter =「true」，而是爲此實現您自己的過濾機制。
或者只是將數據過濾器放在頂部，然後隱藏第二個列表中隱藏的元素。