consuming a web service with sencha touch

[zied jouini]

SALAM all.
i try to consume a web service.
i download a code from the kitchen of sencha and i tried to execute it but the only thing that display is an alert which i put it in the beginning of the code. here is the code which i wrote:

var App = new Ext.Application({
    name: 'webservice',
    useLoadMask: true,
    launch: function () {
alert ("test json begin");


webservice.views.service = new Ext.Container({


config: {
      scrollable: true,
      items: [{
              xtype: 'panel',
              id: 'JSONP'
              },
              {
              docked: 'top',
              xtype: 'toolbar',
              items: [{
                 text: 'load using json-P',
                  handler: function() {
                   var panel = Ext.getCmp('JSONP'),
                     
                     tpl= new Ext.XTemplate([
                        '<div class="demo-weather">',
                             '<tpl for=".">',
                               '<div class="day">',
                                 '<div class="date">{date}</div>',
                                 '<tpl for="weatherIconUrI">',
                                    '<img src="{value}">',
                                 '</tpl>',
                                 '<span class="temp">{tempMaxF}°<span 


class="temp_low">{tempMinF}°</span></span>',
                               '</div>',
                              '</tpl>',
                          '</div>'
                         ]);


                   panel.getParent().setMasked({
                       xtype: 'loadmask',
                       message: 'Loading ......'
                  });


                  Ext.data.JsonP.request({
                     url: 


'http://free.worldweatheronline.com/feed/weather.ashx',
                     callbackkey: 'callback',
                     params:{
                         key: '23f6a0ab24185952101705',
                         q: '94301',
                         format:'json',
                         num_of_days:5
                            },
                  callback: function(success, result) {
                       var weather = result.data.weather;
                       if (weather) {
                            panel.updateHtml(tpl.applyTemplate(weather));
                                    }
                       else {
                           alert('error retrieving weather');
                            }
                      panel.getParent().unmask();
                     }
                   });
               }
            }]
          }]
        }




});






webservice.views.Viewport = Ext.extend(Ext.Panel, {
    fullscreen: true,
    layout: 'card',
    cardSwitchAnimation: 'slide',
items: [webservice.views.service]


});


}
});

it's very important for me. please help me

[mitchellsimoens]

Are you using Sencha Touch 1 or 2?

[zied jouini]

i'm using sencha touch 1

[mitchellsimoens]

I just see you use the config object which in this usage won't work with ST1 or ST2 but it's a ST2 thing for using Ext.define.

[zied jouini]

and how can i consume a web service with sencha 1 ?? what kind of modification should i to do ?

[zied jouini]

pleaaaaaaaaaaaaaaaaaaaaase haw can i consume a web service with sencha 1