javascript - Dynamic content in custom mobiscroll -
i using mobiscroll select forms , having no problem when using static content, but...
now trying create mobiscroll dynamic content ajax/json.
here trying do:
$(document).ready(function(){ $(function(){ var all_friends = []; $.getjson('http://mypage.com/json/friends.php', function(data){ $.each(data, function (i, val) { all_friends.push("'1':'<div class='friend'><div class='profileimg'><img src='http://mypage.com/"+val.img+"'/></div><span>"+val.name+"</span></div>'"); }); var friendlist = {all_friends}; // gives me trouble. cant this? // var wheel = [{}]; wheel[0]['choose friend'] = friendlist; $('#friends').scroller({ display: 'bottom', mode: 'scroller', wheels: wheel, theme: 'ios', animate: 'fade', canceltext: 'regret', settext: 'ok', height: 40, width: 280, formatresult: function(data){ return data; }, onselect: function(textvalue, inst){ var returndata = textvalue.tostring(); var returndata = returndata.split(','); var friend = returndata[0]; $('#friends').html(friend); } }); }); }); }); the all_friends array returns:
'1':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend1</span></div>', '2':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend2</span></div>', '3':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend3</span></div>' i don't seem able array inside {} brackets in friendlist? here how should when static:
var friendlist = {'1':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend1</span></div>', '2':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend2</span></div>', '3':'<div class="friend"><div class="profileimg"><img src="http://mypage.com/someimage.png"/></div><span>friend3</span></div>'} hoping , in advance :-)
the following code should work you:
var friendlist = {} $.each(data, function (i, val) { $.extend(friendist, {"1":"<div class='friend'><div class='profileimg'><img src='http://mypage.com/"+val.img+"'/></div><span>"+val.name+"</span></div>'"}); }); // here friendlist of format expect 
Comments
Post a Comment