Does anyone have a simple example on how to sync a model with a "submodel" included with localstorage via a store/proxy?

My model would be:

Ext.regModel('Main', {
fields: [
{name: 'id', type: 'int'},
{name: 'counts', type: 'int'},
{
name: 'subItems',
type: 'string',
}
])

where subitems would be a Ext.util.MixedCollection() with dynamic items

When the app starts, it should read the current configuration from localstorage or create a default localstorage entry. During the app items will be added to the "subitems" and i want to sync this again with localstorage.

It seems to be the same mechanism as in the solitaire demo app but it is a bit complex.

So any "easy" to understand example would be appreciated.

Thanks in advance