如何在列表中隐藏titleBar？

Question

通过默认列表中没有标题栏的，但是当我以这样的方式创建列表它有一个空的标题栏的

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

有人可以帮助我了解如何隐藏标题栏的？

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

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