android - 在 sencha touch2.0 中隐藏叠加层时遇到问题

Question

我需要在按钮点击时显示叠加层。为此，我编写了以下代码:-

 var miscButton = {
                xtype: 'button',
                iconCls: 'star',
                iconMask: true,
                width: 60,
                margin: '0 0 0 15',
                handler: function(){

                  fPanel.showBy(this);
                }
        };



       var fPanel = Ext.create('Ext.Panel',{
                    layout: 'vbox',
                    width: 150,
                    height: 300,
                    style: 'background-color: #5E99CC;',
                    items: [
                            {
                               xtype: 'list',
                               flex: 1,
                               itemTpl: '{item}',
                               data: [
                                          {item: 'item1'},
                                          {item: 'item2'},
                                          {item: 'item3'},
                                          {item: 'item4'},
                                          {item: 'item5'},
                                          {item: 'item6'},
                                          {item: 'item7'},
                                          {item: 'item8'},
                                          {item: 'item9'},
                                          {item: 'item10'},
                                          {item: 'item11'},
                                          {item: 'item12'},
                               ]                    
                            }
                    ]

        });

当我点击按钮时，它完美地显示了叠加层，但再次点击后它无法隐藏叠加层，如链接 http://docs.sencha.com/touch/2-0/#!/example/overlays 中给出的那样.

我不明白 showBy() 有什么问题。请帮我解决这个问题。

提前致谢。

Answer 1

要隐藏覆盖面板，只需调用电话

fPanel.hide();

---

仅供引用，如果您希望能够在蒙版点击时隐藏面板，请使用面板的此属性，

modal: true,
hideOnMaskTap: true