如何在Sencha Touch应用程序中创建静态TitleBar？

Question

我想为我的Sencha Touch应用程序创建一个标题栏，该标题栏会持久存储在应用程序中的每个视图中。这个标题栏将标有我的公司徽标和一个静态选项菜单，需要随时随地访问。

我可以在每个视图上创建这个标题栏，但这似乎不合逻辑。但是，我无法从文档或几个Google / StackOverflow搜索中确定如何创建另一个视图（或者可能不考虑视图）并将其包含在每个视图中。 （我正在考虑类似于在PHP中创建单个文件然后将其包含在许多其他页面上的行为。）

之前有没有人这样做过，你能分享一个被剥离的例子吗？或者，有人可能会在我可能跳过的文档中指出正确的方向吗？我对Sencha和ExtJS来说还是比较陌生的，所以退伍军人看起来很明显的事情可能就在我的头上。

Answer 1

在您放置所有视图的主视口中，您可以添加标题栏，您可以这样做的一种方式就是这样

mainView = Ext.Viewport.add({
            layout: 'card',
            items: [{
                xtype:'home'
            },{
                xtype:'emContact'
            },{
                xtype: 'titlebar',
                docked: 'top',
                title: 'Navigation',
              }]

        });