sencha touch隐藏并在按钮的标签上显示组件

时间:2013-04-25 12:54:53

标签: javascript extjs sencha-touch sencha-touch-2 sencha-touch-2.1

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

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

用户inter inter看起来像这样 enter image description here

正如你可以看到我隐藏的内容并展示它(服务,解决方案等......) 点击列表上方的列表按钮。

1 个答案:

答案 0 :(得分:3)

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

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