いくつかのビューを備えたアプリを作成しました。また、左上隅にリストボタンがあり、タップイベントでリストを表示および非表示にします。タブで非表示にする方法はありますが、再度表示する方法がわかりません。デフォルトでは非表示にする必要がありますが、そのボタンをタップすると、現在のプロパティに応じて非表示および表示する必要があります。
iconCls: 'list',
iconMask: true,
ui: 'plain',
handler: function() {
Ext.getCmp('ext-ListNavigation-1').hide();
}
そしてリストビューのコード
Ext.define('ov_app.store.NavigationItems', {
extend: 'Ext.data.Store',
config:{
model: 'ov_app.model.Items',
data:[
{ items:"Services"},
{ items:"Solutions"},
{ items:"About Us"},
{ items:"Why Singapore"},
{ items:"Contact Us"}
]
}
});
ユーザー間フェーズは次のようになります
ご覧のとおり、リストの上にあるリストボタンをタップすると、これを非表示にして表示するもの(サービス、ソリューションなど)が表示されます。