Sencha toucha跨域基础

    <link rel="stylesheet" href="css/sencha-touch.css"
    type="text/css">
    <script type="text/javascript" src="sencha-touch-debug.js">
    </script>
    <script type="text/javascript" src="app.js"></script>

Ext.require(['Ext.form.Panel',
             'Ext.data.Store',
     'Ext.data.JsonP',
             'Ext.data.reader.Json',
             'Ext.dataview.DataView']);
Ext.application({
name:'MyApp',
icon:'images/icon.png',
glossOnIcon:false,
phoneStarupScreen:'images/starUp.png',
tabletStartupScreen:'images/tablet.png',
launch:function(){



   var loginUrl ='http://127.0.0.1:8886/ipad/login.do?method=exec&userName=admin&password=&ip=127.0.0.1&prot=8886';
                console.log(loginUrl);

                Ext.data.JsonP.request({
                    url: loginUrl,
                    callbackKey: 'jsoncallback',
                    timeout:3000,
                    callback: function(success, data) {
                        console.log(success);
                        console.log(data);
                        //和服务器连接成功
                        if(success){
                            var o_Ret=data.o_Ret;
                            alert(o_Ret)
                        }
                    }
                })


Ext.define('User',{
extend:'Ext.data.Model',
config:{
fields:[
{name:'id',type:'string'},
{name:'name',type:'string'},
{name:'img',type:'string'},
{name:'age',type:'string'},
{name:'url',type:'string'},
{name:'email',type:'string'},
{name:'info',type:'string'}
]
}
});
var userStore=Ext.create('Ext.data.Store',{
model:'User',
autoLoad:true,
proxy:{
type:'ajax',
url:'userInfo.json',
reader:{
type:'json',
rootProperty:'users'
}
}
});

var userTemplate = new Ext.XTemplate(
'<tpl for=".">',
'<div class="user_img"><img src="{img}" width="50" height="50" />编号：{id}<br/>姓名：{name}<br/>年龄：{age}<br/>主页：{url}<br/>邮件：{email}<br/>个人信息:{info}</div>',
'</tpl>'
);
var dataview=Ext.create('Ext.DataView',{
store:userStore,
itemTpl:userTemplate,
listeners:{
        itemtap:function( ok, index, target, record, e, eOpts){
        alert(record.get("name"));
    }
    }
});

Ext.Viewport.add(dataview);
}
});