Object [object Object] has no method 'getViewport'

[chamarts]

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.

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

[chamarts]

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

[mitchellsimoens]

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.

[mlourdes]

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