javascript - jqMobi dynamically update element with ajax data -


using jqmobi 1.2
i'm trying update content of panel result of ajax call. following panel collect string search for.

<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> 

the button call following function, success method add elements panel id "org_options".

ajax function:

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('');            (var = 0; < 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');        }    });  } 

appended div:

<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> 

all works fin in browser (chrome), , xdk emulator not on iphone when using xdk app-tester.

any body idea??

i'm lead dev on app framework. there's bug in ios container handling json data remote servers. there posts on @ http://forums.html5m.com it. it's logged internally in our bug tracking system.

thanks, ian


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -