0

phonegap と sencha touch を使用して Android アプリを作成しています。sencha-touch-all.js と sencha-touch.css ファイルが含まれています。

Ext.Carousel を使用していますが、うまく動作します。Carousel のオーバーレイとしてパネルを使用したいと思いますnew Ext.Panel。しかし、Ext.panel.Panel が機能していません。「TypeError:Ext.panel is undefined」と表示されます。私のコードは次のとおりです::

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 を使用すると動作します。しかし、私は閉じるボタンを与えていないそのパネルを閉じることができません。しかし、パネルをドラッグ、サイズ変更、および閉じることができるようにしたいです。sencha-touch-all.js とともに ext.js も使用する必要がありますか??

何か助けはありますか？

4

1 に答える 1

0

私はこのリンクを通して私の答えを得ました: 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();
于 2013-05-29T05:50:28.327 に答える