如何在sencha touch中使用Ext.panel.Panel？

Question

我正在使用phonegap和sencha touch來構建android應用程序。 我有sencha-touch-all.js和sencha-touch.css文件。

而我正在使用Ext.Carousel，它的工作很好。我想使用面板作爲Carousel覆蓋。如果我寫new Ext.Panel它的作品。 ButExt.panel.Panel不工作它說「TypeError：Ext.panel未定義」 任何幫助？ 我的代碼如下::

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); 

代替Ext.panel.panel如果我使用Ext.Panel它的工作原理。但我不能關閉那個沒有給出任何關閉按鈕的panle。但我希望我的面板可以拖動，可調整大小和可關閉。 是否有必要使用ext.js以及sencha-touch-all.js？

任何幫助？

Answer 1

我得到了我的答案thorgh此鏈接：How to embed a custom close button in top right hand corner of a Ext.MessageBox Sencha Touch 2.0

這裏寫：

var box = Ext.create('Ext.Panel', 
          { 
           id: 'message-box', 
           title: 'title', 
           message: 'message', 
           items: [ 
            { 
            xtype: 'toolbar', 
            height: '40px', 
            docked: 'top', 
            items: [ 
             {xtype: 'spacer'}, 
             {xtype: 'button', 
              text: 'X', 
              ui: 'plain', 
              style: {padding: '5px'}, 
              handler: function(){Ext.getCmp('message-box').hide();} 
             }, 
            ], 
            } 
           ] 
          }); 
     box.show();