jqMobi динамически обновляет элемент с данными ajax

Используя jqmobi 1.2
, я пытаюсь обновить содержимое панели результатом вызова ajax. Следующая панель соберет строку для поиска.

<div id="register_form" class="panel" data-defer="" data-header="default" data-footer="register_footer" data-load="" data-unload="">
<form id="register_data" class="selected">
   <fieldset class="scrollable" data-pull-scroller="true">
      <legend class="toggelable" >Organization:</legend>
         <div id=""class="toggelable">
            <label for="seleced_org"  >Bezeichnung:</label><br>  
               <input type="text" id="seleced_org" class="toggelable jq-ui-forms" ><br>
                  <a class="button icon magnifier" href="javascript:searchOrg();">Search</a>
          </div>
       </fieldset>
</form>
</div>

Кнопка вызовет следующую функцию, где метод успеха добавит элементы на панель с идентификатором «org_options».

Аякс функция:

var FOUNDORGS = [];

function searchOrg() {
   var request = $('input[id=seleced_org]').val();
   $.ajax({
       url: mcTime.ASURL + "/OrgCheck",
       dataType: "JSONP",
       crossDomain: true,
       data: {
           maxRows: 12,
           name_startsWith: request,
           callback: ''
       },
       success: function(data) {
          /*
           * server response: [{"organisationId":1,"workerquantity":0,"name":"My_Org","street":"Org_Street 1","zipcode":"45454","city":"Org_City"}]
           */
           FOUNDORGS = $.parseJSON(data);    

           if ($('fieldset[name="options"]').find('.matchingOrgs').length == 0) {
               $('fieldset[name="options"]').append('<ul class="mc matchingOrgs"></ul>');
           }
           var toAppend = $('fieldset[name="options"]').find('.matchingOrgs')[0];
           $(toAppend).html('');
           for (var i = 0; i < FOUNDORGS.length; i++) {
               var obj = FOUNDORGS[i];
               var li = $('<li>\n\
                    <a class="orglink" href="javascript:showOrgDetail(\'' + obj.organisationId + '\',\'' + obj.name + '\');">' + obj.name + '</a>\n\
                    </li>');
               $(toAppend).append(li);
           }

           $.ui.loadContent('#org_options', false, false, 'slide');
       }
   });
 }

добавленный раздел:

<div id="org_options" class="panel" data-header="default" data-footer="register_footer" modal="false" data-unload="">
   <fieldset name="options" class="mc scrollable" data-pull-scroller="true">
      <legend >Results:</legend>
   </fieldset>
 </div>

Все это работает в моем браузере (хром) и с эмулятором XDK, но не на моем iPhone при использовании тестера приложений XDK.

Есть идеи??


person Thomas Baumann    schedule 25.04.2013    source источник


Ответы (1)


Я ведущий разработчик App Framework. В контейнере iOS есть ошибка при обработке данных JSON с удаленных серверов. Об этом есть несколько сообщений на http://forums.html5m.com. Это регистрируется внутри нашей системы отслеживания ошибок.

спасибо, Ян

person Community    schedule 25.04.2013
comment
Я не думаю, что это причина. Потому что, когда я изменяю тег fieldset с помощью простого ‹p› и просто вставляю возвращаемое сообщение (данные в методе) в виде текста, панель будет отображать ‹p› соответственно - person Thomas Baumann; 01.05.2013