extjs - 如何在我的 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',
              }]

        });