sencha触摸隐藏并在按钮的选项卡上显示组件

问题描述:

我创建了一个包含一些视图的应用程序,并且左上角还有一个列表按钮,用于在点按事件中显示和隐藏列表。 一些如何我能够隐藏它的标签,但不知道如何再次显示它。默认情况下,它应该被隐藏,但是按下该按钮时,它应该隐藏并根据当前属性显示它自己。sencha触摸隐藏并在按钮的选项卡上显示组件

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"} 
    ] 
} 
}); 

用户间相位看起来像这样 enter image description here

正如你可以看到我有什么可隐藏和显示这个(服务,解决方案等。 。) 点击列表上方的列表按钮。

var list = Ext.getCmp('ext-ListNavigation-1'); 

if (list.isHidden()) { 
    list.show(); 
} 
else { 
    list.hide(); 
} 
+1

或者list [list.isHidden()? '显示隐藏'](); – 2013-04-25 14:57:51

+1

我认为它的可读性较差:) – sha 2013-04-25 14:59:37

+0

感谢@sha的帮助 – 2013-04-26 10:52:25