Sencha Touch List not shown

[bomslang]

I am trying to load the list in one of the tab of my application. But the list is not shown.

Following is the code snippet of class where I have written the list.

Ext.define('MyApp.view.NavigateView', {
  extend: 'Ext.dataview.List',
  xtype: 'navigateview',
        
  config : {     
          fullscreen:true,
          scrollable:true,
          xtype:'list',    
          items : {
              xtype:'toolbar',
              docked:'top',
              title:'List of Places'
          },
          ui:'round',
            store : {
                fields : ['name','phoneno','place'],
                data : [
                    {name:'ABC',phoneno:'1212323',place:'Hospital'},
                    {name:'DEF',phoneno:'42341234',place:'Hotel'},
                    {name:'XYZ',phoneno:'3225',place:'Library'},
                    {name:'LMO',phoneno:'5234234',place:'Hospital'},
                    {name:'PQR',phoneno:'423423',place:'Hospital'},
                    {name:'UVW',phoneno:'4234234',place:'Library'},
                ],
            },
        itemTpl:'<div class="places">{name}  Call at : {phoneno}</div>'    
   }    
});

xtype:'navigateview' is the my custom xtype for this class.

Following error is thrown when I see chrome console ..

Uncaught ReferenceError: newSrc is not defined sencha-touch-all-debug.js:58761

[simondavies]

it references 'newSrc' which is not on this class/code above. Could you post the tabs page as well so we can see the workings

[bomslang]

No, newSrc is not defined / used anywhere in my entire application. If I simply delete this code and user some form fields inside this tab, the error doesn't show up.

Why is it happening for list only ?

Am I writing something wrong here ? List is not showing up ?