sencha-touch-2 - 如何在列表中隐藏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你的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
    }
});

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