0

我正在使用 phonegap 和 sencha touch 来构建 android 应用程序。我包含了 sencha-touch-all.js 和 sencha-touch.css 文件。

而且我正在使用 Ext.Carousel，它运行良好。我想使用面板作为 Carousel 的覆盖层。如果我写new Ext.Panel它就可以了。但是Ext.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 而不是 Ext.panel.panel 它可以工作。但我不能关闭那个面板，它没有给出任何关闭按钮。但我希望我的面板可以拖动、调整大小和关闭。是否有必要将 ext.js 也与 sencha-touch-all.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 回答