Как переключить панель поиска в JQuery ListView?

Question

Как переключить панель поиска в JQuery ListView?

0

Я пытаюсь динамически изменить атрибут фильтра данных ListView, который я использую в мобильном устройстве JQuery. Вот код, который я использую:

var $listview = $('#myList');
console.log( $listview.attr('data-filter'));
$listview.attr('data-filter',
   $listview.attr('data-filter')=='false' ? 'true' : 'false'
);
console.log( $listview.attr('data-filter'));
$('#my_view').trigger( "create");

Когда этот код работает, я вижу на консоли, что атрибут фильтра данных изменяется между true и false в моих журналах.

Однако строка поиска никогда не появляется на экране, я попытался обновить список, обновить страницу и, наконец, попытался использовать создание на странице, как вы можете видеть в коде.

Однако ничего не работает, как я могу заставить панель поиска отображаться на экране после установки фильтра данных в значение true?

EDIT: Чтобы уточнить, я хочу, чтобы панель поиска переключалась, а не для переключения ListView

Donal Rafferty 22 янв. 2014, в 18:25

Источник

0

какую версию JQM вы используете? проверьте это stackoverflow.com/questions/21001885/…
Omar 22 янв. 2014, в 16:48
0

Я использую 1.3.2, ссылка, кажется, противоположна тому, что я хочу, я хочу, чтобы поиск появлялся и исчезал, а не список?
Donal Rafferty 22 янв. 2014, в 17:03
0

это невозможно в 1.3.2. единственный способ - создать его с помощью listview, а затем скрыть / показать. Или оставьте скрытый необработанный клон, опубликуйте его, когда вам это нужно.
Omar 22 янв. 2014, в 17:15
0

Возможно ли это в более поздних версиях?
Donal Rafferty 22 янв. 2014, в 17:21
0

это возможно в jQM 1.4
Omar 22 янв. 2014, в 17:24
0

jsfiddle.net/Palestinian/Q65cb jQM 1.4 использовать фильтруемый виджет. это новая функция, которая может быть использована на любых элементах.
Omar 22 янв. 2014, в 17:34
0

Я все еще не совсем уверен, если это то, что я хочу? Кажется, он по-прежнему показывает / скрывает список, а не панель поиска? Я хочу показать список без строки поиска, затем нажать кнопку, чтобы отобразить панель поиска, а затем снова нажать кнопку, чтобы скрыть ее.
Donal Rafferty 22 янв. 2014, в 17:45
0

если это то, что вы хотите, то вы можете сделать это в jQM 1.3.2, как я уже говорил, создать listvie с параметром фильтра true и затем скрыть это. Это демо для jQM 1.4 jsfiddle.net/Palestinian/Q65cb
Omar 22 янв. 2014, в 17:51
0

Как скрыть опцию фильтра из Javascript в 1.3.2, знаете ли вы какие-нибудь примеры?
Donal Rafferty 22 янв. 2014, в 18:55
2

$("ul").prev("form").hide(); ,
Omar 22 янв. 2014, в 19:14

Показать ещё 8 комментариев

Теги:

jquery

jquery-ui

listview

jquery-mobile

3 ответа

Ещё вопросы

какую версию JQM вы используете? проверьте это stackoverflow.com/questions/21001885/…
Я использую 1.3.2, ссылка, кажется, противоположна тому, что я хочу, я хочу, чтобы поиск появлялся и исчезал, а не список?
это невозможно в 1.3.2. единственный способ - создать его с помощью listview, а затем скрыть / показать. Или оставьте скрытый необработанный клон, опубликуйте его, когда вам это нужно.
Возможно ли это в более поздних версиях?
jsfiddle.net/Palestinian/Q65cb jQM 1.4 использовать фильтруемый виджет. это новая функция, которая может быть использована на любых элементах.
Я все еще не совсем уверен, если это то, что я хочу? Кажется, он по-прежнему показывает / скрывает список, а не панель поиска? Я хочу показать список без строки поиска, затем нажать кнопку, чтобы отобразить панель поиска, а затем снова нажать кнопку, чтобы скрыть ее.
если это то, что вы хотите, то вы можете сделать это в jQM 1.3.2, как я уже говорил, создать listvie с параметром фильтра true и затем скрыть это. Это демо для jQM 1.4 jsfiddle.net/Palestinian/Q65cb
Как скрыть опцию фильтра из Javascript в 1.3.2, знаете ли вы какие-нибудь примеры?

Nishanthi Grashia · Answer 1 · 2015-10-20T09-49-00.000Z

Просто публикация из комментариев: В случае, если это помогает кому-то.

Используйте следующие, чтобы скрыть строки поиска всех ul на странице:
```
$("ul").prev("form").hide();
```
Используйте следующее, чтобы скрыть строки поиска определенной ul на странице:
```
$(".myListClass").prev("form").hide();
$("#myListID").prev("form").hide();
```

rav · Answer 2 · 2014-04-24T23-03-00.000Z

Если у вас есть только одна страница, просто используйте: $(".ui-filterable").toggle();

GaneshKumar · Answer 3 · 2014-02-07T10-39-00.000Z

удалите вот так..

$("#id").removeAttr("data-filter");