model-view-controller - Sencha Touch 2 を使用して jsp ページからストアにデータを取得する方法

Question

これの例が欲しいです。具体例を教えてください。

Answer 1

結果を Store に保存する場合は、まず次のようにモデルを作成します。

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,
    },
});

JSONP リクエストの例は、Sencha Touch 2 Kitchensink Demo で簡単に見つけることができます。ここで、ストアに結果を追加するコードを追加しました。

                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();
                    }
                });

お役に立てば幸いです...エラーがある場合はお知らせください。