Expected ':' in sencha touch2

[Rameshlamani]

Hi i am new to sencha touch2. i called web service as below but it is giving error like expected ':' please tel me what is d pbm. how to fix it.

here is my code:

Ext.define("path", {
extend: 'Ext.form.Panel',
requires: [
'Ext.data.JsonP'
],
xtype: 'companyprofilepage',
id: 'companyprofile',
config: { scrollable: true,
items: [{
xtype: 'list',
Ext.data.JsonP.request({ //hi Here i am getting error like expected ':'
url: 'http://free.worldweatheronline.com/feed/weather.ashx',
callbackKey: 'callback',
params: {
key: '23f6a0ab24185952101705',
q: '94301', // Palo Alto
format: 'json',
num_of_days: 5
},
callback: function (success, request) {
var weather = request.data.weather;
if (weather) {
panel.updateHtml(tpl.applyTemplate(weather));
}
else {
alert('There was an error retrieving the weather.');
}
}
}]
}
});

[pepperseb]

You have to share the logic: You should use a store with a proxy to call the webservice and only use the view to display the information.

Ext.define("path", {
extend: 'Ext.form.Panel',
requires: [
'Ext.data.JsonP'
],
xtype: 'companyprofilepage',
id: 'companyprofile',
config: { scrollable: true,
items: [{
xtype: 'list',
store: 'weather'

}]
}
});

You can find how to create and use a store and proxy in the documentation
http://docs.sencha.com/touch/2-0/#!/api/Ext.data.proxy.JsonP

There's also a great example, which is similar to what you want, in the Kitchen Sink example, Data > JSONP
http://docs.sencha.com/touch/2-0/#!/...e/kitchen-sink

[mitchellsimoens]

Your response probably isn't valid JSONP. You can check the response with http://www.jsonplint.com/ but most likely you didn't surround the JSON with the callback function.