sencha touch 在按钮的选项卡上隐藏和显示组件

Posted 2023-02-26

【中文标题】sencha touch 在按钮的选项卡上隐藏和显示组件

【英文标题】：sencha touch hide and show a component on tab of a button

【发布时间】：2013-04-25 12:54:53

【问题描述】：

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

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"
    ]

);

用户界面看起来像这样

如您所见，我要隐藏和显示什么（服务、解决方案等） 点击列表上方的列表按钮。

【参考方案1】：

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

if (list.isHidden()) 
  list.show();

else 
  list.hide();

【讨论】：

和@TDeBailleul 感谢代码的最小化版本