JQuery Mobile, как обновить страницу со списком - PullRequest
Новая
       34

JQuery Mobile, как обновить страницу со списком

0 голосов
/ 23 августа 2011

Я занимаюсь разработкой простого веб-сайта с использованием Java Struts2 и jQuery Mobile, где у меня есть страница параметров, на которой есть ссылка на страницу со вложенным списком.

Навигация так же проста, как нажатие на список(на странице параметров) и перейдите на эту страницу со списком.

Я могу нарисовать вложенный список точно так, как я хочу его динамически на JSP, однако содержимое списка будет оставаться статическим дажеесли что-то изменится в базе данных.

Проблема здесь в том, что я хочу иметь возможность обновлять содержимое списка, когда:

  1. по крайней мере, когда я вхожу на эту страницу списка из опцийИЛИ
  2. при возврате с экрана вложенного списка на экран основного списка ИЛИ
  3. с помощью явной кнопки на экране списка для обновления содержимого или, в конечном итоге, таймера

Как мне добиться этого поведения?Я не знаю, как / где применить или вызвать этот фрагмент кода из документации jQuery Mobile:

$ ('ul'). Listview ('refresh')

Я ценю любую помощь.Спасибо.

1 Ответ

1 голос
/ 23 августа 2011

Селектор должен быть селектором, который применяется к списку, который вы хотите создать («ul» является общим) - поэтому, если ваш список id = 'bliss', то селектор и функция будут $('#bliss').listview('refresh'), и вы активируете этот в контексте, т. е. на страницах, нажмите и т. д.

Например, на pageshow Я думаю, что это будет примерно так: 

$('#optionScreen').live('pageshow',function(event, ui){
    $('#optionList').listview('refresh')
});

Вы хотите убедиться, что метод запускается, так что привязка происходит до того, как страница действительно отображается (приведенный выше фрагмент добавляет обновление к событию pageshow #optionScreen страницы)

Вот страница div, которая будет содержать список: 

<div data-role="page" data-url="optionScreen" id="optionScreen">
    <ul id="optionList" data-role="listview">
        <li>generated stuff</li>
    </ul>
</div>

edit 2 - вы можете захотеть взглянуть на этот плагин для того, над чем вы работаете, это может быть даже решение для того, что вы делаете: https://github.com/hiroprotagonist/jquery.mobile.actionsheet (это модальный диалог для настройки варианты и т. д.)

...