External Web Service integration with Sencha Touch

[ajaytaksali]

Hi,

I am new to Sencha Touch and working on a Case management web application using Sencha Touch. I want to know if how we can integrate External Web service with Sencha Touch. If someone worked on anything similiar or have any documentation, please share it with me.

Thanks,
Ajay Taksali

[savelee]

I worked with external webservices over JSONP. You can find a example in the Kitchen Sink Demo.

[ajaytaksali]

Thanks Savelee for your response.
I want to integrate SOA based web services call with complex data model. Is this possible with JSONP. Do we have any other way to handle it using Java code within Java Script like DWR ...

[savelee]

Hey,

I don't know exactly how the webservice has been build. We worked with a third party who delivered this service. (.NET / WSDL)
They fixed it, so it can handle JSONP. - And receive url parameters.
I can just show you an example on the frontend:

    getLatestArticleByCategory: function(strCat){
        Ext.util.JSONP.request({
        url: 'webservice-url-here',
            callbackKey: 'callbackLatestArticles',
            params: {
                category: strCat,
                articlecount: 10
            },
            callback: function(data) {
             //do something with data
            }
        });
    },

good luck with it

[ajaytaksali]

It wil be a WSDL.

[jcrilly]

You will likely need to implement SOAP on the client side. Afaik, this is not in the sencha lib... I havent seen it.

Do a google search for "javascript soap"... there a libraries out there that (I suspect) will do it, but its a pain to implement from scratch.

Or.. maybe the thirdparty app can get updated to support a simple json protocol?

Do

[zied jouini]

SALAM all.
please im trying to consume a WCF restful web service from sencha touch 1 from a while but without success.
the link to my web service is :
"http://localhost:8732/log/log/admin/pass/admin" this web service allow the authentication
and in my form i made this:

App.views.BankingLogin = Ext.extend(Ext.Panel, {
 scroll: 'vertical', 
   items: [{
 xtype: 'formpanel',
 id: 'form',
 fullscreen: true,
 cls : 'form',


  items: [
{
           xtype: 'fieldset',
           title: 'Sign In',
},
{
            xtype: 'textfield',
            id : 'Login',
            label: 'Login*',
            placeHolder: 'login',
            },
	    {
             xtype: 'passwordfield',
             id: 'password',
             label: 'Password*',
             useClearIcon: true,
             placeHolder: 'password',
            },
            
			{
			 xtype: 'panel',
			 defaults: {
			             xtype: 'button',
						 style: 'margin: 0.1em',
						 flex: 1
			           },
		     layout: {
			          type: 'hbox'
			         },
			 items: [{
			          text: 'Valider',
					  handler: function() {
                    if (Ext.getCmp('Login').getValue() == '') {
					  Ext.Msg.alert('Impossible de se connecte', 'Login vide');
					  }
					  
					  if (Ext.getCmp('password').getValue() == '') {
					  Ext.Msg.alert('Impossible de se connecte', 'mot de passe vide');
					  }
					  
					  if (Ext.getCmp('password').getValue() == '' && Ext.getCmp('Login').getValue() == '') {
					  Ext.Msg.alert('Impossible de se connecte', 'Login & mot de passe vide');
					  }
					  
					  if (Ext.getCmp('password').getValue() != '' && Ext.getCmp('Login').getValue() != '') 
       {
  		
Ext.util.JSONP.request({
        url: 'http://localhost:8732/log',
            params: {
                log: admin,
                pass: admin
            },
            callback: function(data) {
             Ext.Msg.alert("Bienvenue ",data);
            }
        });








					        }
					                      }
			        }]
			},


              ]
}]
});
Ext.reg('BankingLogin', App.views.BankingLogin);

please have you any idea how can i correct my code ??? i want to make a cross mobile app, and i spent very much time searching how consuming a web service.
thank you