Object [object Object] has no method 'getViewport'

Hi,

I have developed an application with sencha touch pr3 and now migrating to the sencha-touch-2.0.1.1-gpl version. And I had to make some of the changes in my application as per new structure.

I read somewhere refs is no more an array and should be mentioned something like this, but still the issue hasn't gone away.

Code:

---

Ext.application({
    name              : 'TestApp',
    autoCreateViewport : true,         
    controllers : [
        'App'                         
    ],
          config: {
                  refs :
                  {
                      viewport : {                         
                              selector : 'test-viewport',
                      },
            },
            handleClick: function() {
              var viewport  = refs.getViewport(),
                  getViewport();
              }
}

---

can some one tell me what is wrong with this code ? Its been four months I am out of this project and now migrating is looking little painful.

thx
Srinivas

looking for helping hand to launch my application soon. appreciate any help.

autoCreateViewport is not a valid config of Ext.application. Sencha Touch 2 creates a global "viewport" that by default is a Container with card layout that you can add items to and use. You can get this viewport via Ext.Viewport.

can I use a viewport to show a form after a disclosure in a list , what is the best practice ? for sencha touch 2.0