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