title: How to use Ext.panel.Panel in sencha touch?
body: <p>I am using phonegap and sencha touch to build android app.
  I have sencha-touch-all.js and sencha-touch.css files included.</p>
  
  <p>And I am using Ext.Carousel and it works nicely.I want to use panel as a overlay for Carousel .If i write <code>new Ext.Panel</code> it works. ButExt.panel.Panel is not working it says "TypeError:Ext.panel is undefined" 
  Any help?? 
  my code is as follows::</p>
  
  <pre><code>var overlay = new Ext.panel.Panel({
      overlay: true,
      id:'myPanel',
  
      width: 400,
      height: 280,
          left: 200,
          top : 18,
          style:'background-color:#00CC33' ,
          cls:'my-panel',
          fullscreen:true,
          draggable : true,
          resizable : true,
          closable : true,
  
                      items: [
                  {
                                    label: 'Name',
                                    xtype: 'textfield',
                                    name:'textField1'
                  },
                  {
                                    label: 'Email',
                                    xtype: 'emailfield',
                                    name:'textField2'
                  },
                  {
                                     label: 'Password',
                                     xtype: 'passwordfield',
                                     name:'textField3'
  
                  }
              ]
  });
  
    myCarousel.add(overlay);
  </code></pre>
  
  <p>instead of Ext.panel.panel if i use Ext.Panel it works. But i cant close that panle,which is not giving any close button. But i want my panel to be draggable,resizable and closable.
  Is it necessary to use ext.js also along with sencha-touch-all.js??</p>
  
  <p>Any help?</p>