Как спрятать 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

Пустая панель - это фактически ваша панель навигации.

Если вы хотите, чтобы скрыть это вам просто нужно установить navigationBar к false в вашем Update mainpanel

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

Update

Вот как добавить SearchBar в ваша навигационная панель

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

Но тогда вам нужно спрятать его, когда вы переключаетесь на карту подробностей, но я дам вам понять, как это сделать.