如何在列表中隐藏titleBar？

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

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

如果您想隐藏它，只需在mainpanel中将navigationBar设置为false

更新

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

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