title: Sencha Touch: Problem loading form: Cannot read property "OffsetBoundary of undefined"
body: <p>So I have a form and its respective store. The store works fine and it keeps the data in localStorage, but when I open the app again and try to update the form with the data from localStorage it doesn't work!</p>
  
  <p>Any help would be much appreciated!</p>
  
  <pre><code>...
  var optionsModel = new Ext.regModel('Options',{
  fields: [ {name:'id', type:'int'}, 'language', 'range', 'limit', 'filters'],
  proxy: { type: 'localstorage', id: 'options'    }
  });
  ...
  
  Options = new Ext.Panel({
              id: 'options',
              floating: true,
              hidden: true,
              scroll: 'vertical',
              hideOnMaskTap: false,
              width:'50%',
              autoHeight:true,
              style:'min-width:300px;',
              items: [{
                  title: 'Options',
                  xtype: 'form',
                  id: 'optionsForm',
                  items: [{
                      xtype: 'hiddenfield',
                      name: 'id',
                      value: 1
                      },{
                      xtype: 'fieldset',
                      title: 'Language',
                      defaults: {
                          labelWidth: '65%'
                      },
                      items: [{
                          xtype: 'selectfield',
                          name: 'language',
                          value: 'EN',
                          labelWidth: 0,
                          options: [{
                              text: 'English',
                              value: 'EN',
                              selected:true
                          }, {
                              text: 'Português',
                              value: 'PT'
                          }]
                        }]
                    },{
                      xtype: 'fieldset',
                      title: 'Limits',
                      defaults: {
                          // labelAlign: 'right'
                          labelWidth: '40%',
                          xtype: 'sliderfield',
                      },
                      items: [{
                          name: 'range',
                          label: 'Range',
                          value:1,
                          increment:1,
                          minValue: 1,
                          maxValue: 10
                        },{
                          name: 'limit',
                          label: 'Limit',
                          value:25,
                          increment:5,
                          minValue: 10,
                          maxValue: 50
                        }]
                    }],
                    store: new Ext.data.Store({
                      storeId: 'OptionsStore',
                      model: 'Options',
                    }),
              /**
               * Add custom event listener
               */
              addEventListener: function(){
                  Options.on('beforeshow',this.loadSettings,this);
                  Options.on('beforehide',this.saveAction,this);
              },            
  
              /**
               * load user settings from store in the form
               */
              loadSettings: function(){
                  this.store.load();
                  var data = this.store.getAt(0).data;
                  if (Ext.isObject(data)) {
                      var conf = Ext.ModelMgr.create({
                          id:1,
                          language: data.language,
                          limit: data.limit,
                          range: data.range
                      },
                      'Options'
                  );
                      console.log(data);
                          this.setValues({filters:"",id:1,language:"PT",limit:25,range:10}); // I've tried     this.load() too.
                  }
              },
  
  
              /**
               * Save form user settings model in store
               */
              saveAction: function() {
                  var data = this.getValues();
                  var conf = Ext.ModelMgr.create({
                          id:1,
                          language: data.language,
                          limit: data.limit,
                          range: data.range
                      },
                      'Options'
                  );
                  this.store.loadData([]);
                  this.store.sync();
                  this.store.add(conf);
                  this.store.sync();
              }
          }]
         });
  ...
  Home.on('activate',function(){
              Options.getComponent('optionsForm').addEventListener();
          },this,{single:true});
  ...
  </code></pre>