ボタンクリック時にオーバーレイを表示する必要があります。これを実現するために、次のコードを記述しました。-
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/にあるように、オーバーレイを非表示にできません。オーバーレイ。
showBy()の問題がわかりません。この問題を解決するのを手伝ってください。
よろしくお願いします。