sencha touch 2 怎么将 hasMany 的数据保存到localstorage

前提条件：在实际应用中我们需要将数据保存到本地中。数据之前有一对多的关系。例如：我有一张order model，对应orderitem model从属于order model。并且我们需要将order model保存到store里面。并且store是localstorage。

具体参考国外一篇帖子：

http://www.sencha.com/forum/showthread.php?220305-Problem-with-localstorage-store-and-model-with-hasMany-association

order model:

Ext.define('DingCan.model.Order', {
extend : 'Ext.data.Model',
config : {
fields : [{
name : 'id',
type : 'int'
}, {
name : 'ordername',
type : 'string'
}, {
name : 'orderdate',
type : 'string'
}],


associations : [{
type : 'hasMany',
model : 'DingCan.model.OrderItem',
associationKey : 'orders',
foreignKey : 'order_id',
name : 'orders',
autoLoad : true,
store : {
model : 'DingCan.model.OrderItem',
proxy : {
type : 'localstorage',
id : 'products'
}
}
}]

}
});

OrderItem model:

Ext.define('DingCan.model.OrderItem', {
extend : 'Ext.data.Model',
config : {
fields : [{
name : 'id',
type : 'int'
}, {
name : 'order_id',
type : 'int'
}, {
name : 'itemname',
type : 'string'
},{
name : 'price',
type : 'int'
},{
name : 'des',
type : 'string'
},{
name : 'subtotal',
type : 'int'
},{
name : 'src',
type : 'string'
}],
belongsTo: 'DingCan.model.Order'
}
});

order store:

Ext.define('DingCan.store.Order', {
extend : 'Ext.data.Store',
requires:['Ext.data.proxy.LocalStorage'],
config : {
model : 'DingCan.model.Order',
proxy : {
type : 'localstorage',
id : 'myorders'
},
autoLoad : true,
autoSave : true,
storeId : 'orders'
}


})

具体操作：

创建一个order的model

var order = Ext.create('DingCan.model.Order',{ordername:'订单',orderdate:Ext.Date.format(new Date(),'j/d/Y')})
var items = order.orders();

实际上调用order.orders()后返回的是一个store

var items = order.orders();

如果item存在时候我们就清掉里面的数据

if (items){
console.log('clear items');
items.getProxy().clear();
//清空数据后重新load一次数据，不然以前的数据不会清楚掉
items.load();
}

往items里面添加数据。

items.add({itemname:‘123’,des:‘test’,price:34,subtotal:56,src:‘path to your file’});

注意一定要同步
items.sync();

获取order store，通过storeID获取

store = Ext.getStore('orders');

重新加载store
store.load();

将之前的order model保存到order store里面

store.add(order);

同步store

store.sync();

到此store被保存到了本地，并且这种复杂关联数据也被保存

访问order store 可以通过遍历方式读取数据，怎么遍历里面一对多的数据?我们可以通过用model.orders()获取到orderitem的store，model就是当前order的一条数据。

貌似store遍历方法还有另外一种store.each(function(record){

record.get('itemname');

}) //但是该方法没有验证过

var length = model.orders().data.items.length;

遍历store 注意item下标是0开始的。

for(i=0;i<length;i++){
//用改方法可以获取到store里面的数据
mystring += model.orders().data.items[i].data.src;

model.orders().data.items[i].data.src;
model.orders().data.items[i].data.itemname;
model.orders().data.items[i].data.des;
model.orders().data.items[i].data.price;
model.orders().data.items[i].data.subtotal
};

注意：现在该方法有个问题，第二次存入的orderitem的值会覆盖前面的值。在sencha touch 论坛上也未找到答案。如果有知道的朋友。可以告诉我