I'm just trying to get a simple resize event handler working, but I've had no luck. Here's my code:

Code:
 <!DOCTYPE html>
 <html>

 <head>
    <meta charset="utf-8">
    <title id="title">test</title>
    
    <link rel="stylesheet" href="../resources/css/ext-touch.css" type="text/css">
    
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

    <script type="text/javascript" src="../ext-touch-debug.js"></script>

    <script type="text/javascript">
      Ext.setup({
        onReady: function() {
          
          var map = new Ext.Map({
            listeners:{
              resize:function() {
                console.log('resize');              
              }
            } 
          });

          var mainPanel = new Ext.Panel({
            fullscreen: true,
            items:[map]
          });
        }
      });
    </script>

 </head>

 <body></body>

 </html>
But I never see any messages logged. I do if I just throw a "console.log('here')" somewhere in onReady. So it's not my debugger. Am I doing something wrong? The api was a bit sparse on examples for listeners, so I had to cobble this together from random examples.