如何使用Sencha Touch 2从jsp页面检索数据到我的商店

时间:2012-04-10 13:29:04

标签: model-view-controller jsp sencha-touch

我想举个例子。请给我一个详细的例子。

1 个答案:

答案 0 :(得分:1)

如果要将结果存储在商店中,请首先按以下方式创建模型:

Ext.define('app.model.Example', {
        extend: 'Ext.data.Model',
        config: {
            fields: ['data'],
        }
});

接下来,创建您的商店:

Ext.define('app.store.Examples', {
    extend: 'Ext.data.Store',

    config: {
        model: 'app.model.Example',
        autoLoad: true,
        autoSync: true,
    },
});

在Sencha Touch 2 Kitchensink Demo中可以轻松找到JSONP请求的示例。在这里,我添加了一些代码将结果添加到您的商店:

                Ext.data.JsonP.request({
                    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, result) {
                        var store = Ext.getStore('Examples');
                        var weather = result.data.weather;

                        if (weather) {
                            store.add({data: weather});
                        }
                        else {
                            alert('There was an error retrieving the weather.');
                        }

                        panel.getParent().unmask();
                    }
                });

希望它有所帮助...如果有任何错误,请告诉我。