Question

默认列表中没有titleBar，但是当我以这种方式创建列表时它有一个空的titleBar

Ext.define('Application.view.RecipeList', {
    extend: 'Ext.List',
    xtype: 'recipelist',
    requires: ['Application.store.Recipes'],
    id:'list',   
    config: {             
        grouped: true,
        itemTpl: '{title}',
        store: 'Recipes',
        onItemDisclosure: true
    }
});

有人可以帮我理解如何隐藏titleBar吗？

Answer 1

空栏实际上是您的导航栏。

如果您想要隐藏它，只需在navigationBar

中将false设置为mainpanel即可

<强>更新

config: {
    navigationBar: false, 
    items: [{
        xtype: 'recipelist',
    }]
}

<强>更新

以下是在导航栏中添加搜索栏的方法

this.getMain().getNavigationBar().add({
    xtype: 'searchfield',
    itemId:'contact_search',
    placeHolder: 'Search....',
    listeners: {
        scope: this,
        clearicontap: this.onSearchClearIconTap,
        keyup: this.onSearchKeyUp
    }
});

但是当你切换到细节卡时你需要隐藏它，但是我会让你弄清楚如何做到这一点。

如何在列表中隐藏标题栏？

1 个答案: