Фильтровать список просмотров с помощью выбора

Question

С помощью jquery mobile можно выбрать свой фильтр listview с помощью элемента управления?

это мой пример: Fiddle

Выбор варианта элемент управления ListView должен быть отфильтрован.

Answer 1

Вы можете установить фильтр для истинного data-filter="true", а затем вручную скрыть его.

#myContent .ui-listview-filter { 
    display: none; 
} 

Об изменении выбора, просто поместите выбранное значение в текстовое поле и вызвать keyup событие.

$('#select-choice-1').change(function() { 
    $('#myContent .ui-listview-filter input.ui-input-text').val($(this).val()).trigger('keyup'); 
}); 

Попробуйте http://jsfiddle.net/gdEKd/9/

Answer 2

Смотрите обновленную демо: jsfiddle

<ul data-role="listview"> 
    <li data-filtertext="de" class="de"><a href=#>Audi</a></li> 
    <li data-filtertext="de" class="de"><a href=#>BMW</a></li> 
    <li data-filtertext="it" class="it"><a href=#>Ferrari</a></li> 
    <li data-filtertext="it" class="it"><a href=#>Lamborghini</a></li> 
    <li data-filtertext="it" class="it"><a href=#>Maserati</a></li> 
</ul> 

$('#select-choice-1').change(function(){ 
    var value = $('#select-choice-1').val(); 
    $("ul").find("li").hide() 
    $("ul").find("li."+value).show(); 
    });