localstorage duplicates in browser's inspect element

[riyaad]

Hi guys,I have a form that saves user settings to localstorage. After some reading and testing here and there, I got the information saved to localstorage. I've noticed though that there's more than one "instance" when using "Inspect element" in Chrome and Safari. I've attached a picture...in the red area​, is this normal?sample.jpgRegardsR

[mitchellsimoens]

It's normal if you add a record. If you updated the first record then it should only update the one not add another.

[riyaad]

Hi Mitchell

I see the error ..

Everytime I clicked 'Save' I run ..

userStore.add(formPanel.getValues());

hence creating the new instance of the localstore.

That said though, I'm assuming it should be more like

userStore.save(); // is this correct?

Also .. I how does one do the equivalent of

document.write(localStorage.getItem("name"));

in Sencha Touch?

Thx for your guys great work.

Riyaad

[mitchellsimoens]

It's the sync method not save.

[riyaad]

thank you

how does one retrieve one's values from the localstore though?

[mitchellsimoens]

load the store.

[riyaad]

Thanks, I tried this on a button ...it returned data

                handler: function() {
                    var test = userStore.load();
                    Ext.Msg.alert('Store Values:', test.age);


                }

although if I save my info (from a form) as

userStore.add(formPanel.getValues());

should I not be able to get individual fields back instead of everything that's been saved in json format?

[mitchellsimoens]

Loading the store means it will return all the records saved.