sencha touch jsonp

 

asp.net server side code 

<%@ Page Language="C#" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
            
String jsonString = "{success: true}";
jsonString=@"{users: [
    { id: 1, firstName: 'Tommy laptop', lastName: 'Maintz' },
    { id: 2, firstName: 'Rob', lastName: 'Dougan' },
    { id: 3, firstName: 'Ed', lastName: 'Avins' },
    { id: 4, firstName: 'Jamie laptop', lastName: 'Avins' },
    { id: 5, firstName: 'Dave', lastName: 'Dougan' },
    { id: 6, firstName: 'Abraham', lastName: 'Elias' },
    { id: 7, firstName: 'Jacky', lastName: 'Ngyuyen' },
    { id: 8, firstName: 'Jay', lastName: 'Ngyuyen' },
    { id: 9, firstName: 'Jay', lastName: 'Robinson' },
    { id: 10, firstName: 'Rob', lastName: 'Avins' },
    { id: 11, firstName: 'Ed', lastName: 'Dougan' },
    { id: 12, firstName: 'Jamie', lastName: 'Poulden' },
    { id: 13, firstName: 'Dave', lastName: 'Spencer' },
    { id: 14, firstName: 'Abraham', lastName: 'Avins' },
    { id: 15, firstName: 'Jacky', lastName: 'Avins' },
    { id: 16, firstName: 'Rob', lastName: 'Kaneda' },
    { id: 17, firstName: 'Ed', lastName: 'Elias' },
    { id: 18, firstName: 'Tommy', lastName: 'Dougan' },
    { id: 19, firstName: 'Rob', lastName: 'Robinson' }
]}";
String cb = Request.Params.Get("callback");
String responseString = "";
if (!String.IsNullOrEmpty(cb)) {
    responseString = cb + "(" + jsonString + ")";
} else {
    responseString = jsonString;
}
Response.Write(responseString);


    }
</script>

 

 

js:

Ext.define('MyApp.store.MyJsonPStore', {
    extend: 'Ext.data.Store',

    requires: [
        'MyApp.model.Person',
        'Ext.data.proxy.JsonP',
        'Ext.data.reader.Json'
    ],

    config: {
        autoLoad: true,
        data: [
            {
                id: 268,
                firstName: 'Lewis',
                lastName: 'Wright'
            },
            {
                id: 557,
                firstName: 'Beulah',
                lastName: 'Sanchez'
            },
            {
                id: 983,
                firstName: 'Leon',
                lastName: 'Martin'
            }
        ],
        groupField: 'lastName',
        model: 'MyApp.model.Person',
        storeId: 'MyJsonPStore',
        proxy: {
            type: 'jsonp',
            url: 'http://www.abc.com/jsonp.aspx',
            reader: {
                type: 'json',
                rootProperty: 'users'
            }
        }
    }
});

 

 reference:

http://docs.sencha.com/touch/2.3.1/#!/api/Ext.data.proxy.JsonP