Обновление списка флажков в jQuery Mobile - PullRequest
Новая
       40

Обновление списка флажков в jQuery Mobile

2 голосов
/ 14 января 2012

У меня есть список упорядоченных флажков, в котором я хочу изменить порядок.Список определяется следующим образом: 

 <fieldset id="myList" data-role="controlgroup" data-bind='foreach : Articles'>
                <legend></legend>
                <input data-theme="c" type="checkbox" data-role="controlgroup" data-bind="attr: { 'data-id': Id(), name: 'checkbox-' + Id(), id: 'checkbox-' + Id() }" />
                <label data-theme="c" data-bind="text: Name(), attr: { for: 'checkbox-' + Id() }"></label>
 </fieldset>

Когда изменяется порядок в свойстве статей в моей модели представления, я хочу обновить интерфейс списка флажков.Есть идеи, как я могу это сделать?Я попытался .controlgroup («обновить», правда) без удачи.

Ответы [ 3 ]

1 голос
/ 27 марта 2013

Это взято прямо из документации для jquery mobile:

Обновление элементов формы В jQuery Mobile некоторые расширенные элементы управления формой просто стилизуются (входные данные), а другие представляют собой пользовательские элементы управления (выборки, ползунки), построенные изи поддерживается синхронно с нативным контролем.Чтобы программно обновить элемент управления формы с помощью JavaScript, сначала манипулируйте собственным элементом управления, а затем используйте метод refresh, чтобы сообщить расширенному элементу управления о необходимости обновить себя в соответствии с новым состоянием.Вот несколько примеров того, как обновить общие элементы управления формой, а затем вызвать метод refresh: 

              Checkboxes:
              $("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

              Radios:

              $("input[type='radio']").prop("checked",true).checkboxradio("refresh");
               Selects:

              var myselect = $("#selectfoo");
              myselect[0].selectedIndex = 3;
              myselect.selectmenu("refresh")
1 голос
/ 14 января 2012

Флажок jQM Документы:

Попробуйте 

.checkboxradio("refresh");
0 голосов
/ 15 января 2012

Посмотрите, поможет ли это вообще:

Я добавил это на форумы JQM немного назад. Это немного более полный CSS, чтобы лучше контролировать элементы. Этого нет в обычной документации.

http://forum.jquery.com/topic/css-code-to-help-control-entire-button-in-a-jquery-mobile-theme

...