Sencha Touch アプリ全体 (app.js 用) の次のコードがあります。JSONファイルがローカルストレージにロードされ、ユーザー名フィールドが「データ」ページのリストに表示されるように取得しようとしています。
何がうまくいかないかについてのヒントはありますか?アプリ自体は正常に読み込まれますが、JSON が localstorage に読み込まれていないか、何も表示されていません。
var helloWorld = new Ext.Application({
Users: Ext.regModel('Users', {
fields:[
{name:'id'},
{name:'username'},
{name:'password'},
]
}),
onlineStore: new Ext.data.Store({
model: 'Users',
proxy: {
type: 'scripttag',
url: 'http://selectout.net/manage/oil/www/samplecustomers.json',
reader: new Ext.data.JsonReader({
root: 'users'
}),
timeout: 2000,
listeners: {
exception:function () {
console.log("I think we are offline");
helloWorld.Users.bindStore(helloWorld.offlineStore);
helloWorld.offlineStore.load();
}
}
}
}),
offlineStore: new Ext.data.Store({
model: 'Users',
proxy: {
type: 'localstorage',
id: 'helloworld'
}
}),
launch: function() {
this.tabs = new Ext.TabPanel({
fullscreen: true,
dockedItems: [{xtype:'toolbar', title:'Hello World'}],
tabBar: {
ui: 'dark',
layout: {
pack: 'center'
}
},
items: [
{cls:'hello', title:'Hello'},
{cls:'world', title:'World'},
{
cls: 'Users',
title: 'Users',
xtype: 'list',
store: null,
itemTpl:'{username}'
}
]
});
this.Users = this.tabs.items.getAt(2);
this.onlineStore.addListener('load', function () {
console.log("I think we are online");
helloWorld.offlineStore.proxy.clear();
helloWorld.offlineStore.sync();
helloWorld.Users.bindStore(helloWorld.offlineStore);
});
this.onlineStore.load();
}
});