extjs - 如何在 Sencha Touch 应用程序中制作静态标题栏？

Question

我想为我的 Sencha Touch 应用程序创建一个标题栏，该标题栏会保留在应用程序内的每个 View 上。该标题栏将带有我公司的 Logo 和需要随时随地访问的静态选项菜单。

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

以前有人这样做过吗？您能分享一个精简的示例吗？或者，有人可以在我可能跳过的文档中指出我正确的方向吗？我对 Sencha 和 ExtJS 相当陌生，所以对于老手来说似乎显而易见的事情可能就在我的脑海中。

Answer 1

在放置所有 View 的主视口(viewport)中，您可以添加标题栏，一种方法是这样

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

        });