Sencha Touch: How to set a variable in JsonP request
<p>I'm new to sencha touch 2.  I'm unable to set my qrCodeHtml variable and use it outside of the JsonP request.  I know all of this code works except being able to set the qrCodeHtml variable.  Please help me accomplish this:</p>

<pre><code>    onMyProfileCommand: function () {
    var api_username = "o_xxxxx";
    var api_key = "R_xxxxxxxxxx";
    var long_url = "http://google.com";
    var qrCodeHtml = '';

    Ext.data.JsonP.request({
        url: 'https://api-ssl.bitly.com/v3/shorten',
        callbackKey: 'callback',
        params: {
            login: api_username,
            apiKey: api_key,
            longUrl: long_url
        },
        success: function (result, request) {
            var shortUrl = result.data.url;
            qrCodeHtml = '&lt;div style="font-size:15px; margin-bottom:5px;"&gt;Friends can scan this to &lt;a href="' + shortUrl +
                             '" style="color:inherit; text-decoration:none; font-weight:bold;"&gt;view your profile!&lt;/a&gt;&lt;/div&gt;&lt;img src="' +
                             shortUrl + '.qrcode" style="height:110px; width:110px;" /&gt;';
        }
    });

    this.getLblQrCodeHtml().setData({ QrCodeHtml: qrCodeHtml });
    Ext.Viewport.animateActiveItem(this.getProfileView(), this.slideLeftTransition);
}
</code></pre>
