我需要在按钮点击时显示叠加层。为此,我编写了以下代码:-
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() 有什么问题。请帮我解决这个问题。
提前致谢。
最佳答案
要隐藏覆盖面板,只需调用电话
fPanel.hide();
仅供引用,如果您希望能够在蒙版点击时隐藏面板,请使用面板的此属性,
modal: true,
hideOnMaskTap: true
关于android - 在 sencha touch2.0 中隐藏叠加层时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10599675/