Navigation Sencha Touch 2厨房水槽式导航

我已经搜索了很多地方，但是我似乎没有找到任何关于如何做到这一点的线索。 sencha在厨房水槽中干净利落的工作如下：

• 导航栏停靠在左边
• 工具栏停靠在顶部，显示视图的标题

我似乎不知道该怎么做，即使是浏览厨房水槽的源代码。我确实找到了一些关于如何使用的痕迹，但这还不完整

showViewById: function(id) {
    var nav = this.getNav(),
        view = nav.getStore().getNodeById(id);

    this.showView(view);
    this.setCurrentDemo(view);
    this.hideSheets();
},

这还不是全部

---

你能给我一些关于如何创建这种布局的教程吗？或者进一步帮助我？

查看Main.js文件（Kitchensink.view.tablet.Main）。这个类基本上创建了你所说的布局。。这是直截了当的：

items: [
    {       // This is the content area... 
        id: 'launchscreen',
        cls : 'card',
        scrollable: true,
        html: 'Home page content'
    },
    { 
        // The left navigation
        id: 'mainNestedList',
        xtype : 'nestedlist',
        useTitleAsBackText: false,
        docked: 'left',
        width : 250,
        store: 'Demos'
    },
    {
        // The top toolbar
        id: 'mainNavigationBar',
        xtype : 'titlebar',
        docked: 'top',
        title : 'Kitchen Sink',
        items: {
            xtype : 'button',
            id: 'viewSourceButton',
            hidden: true,
            align : 'right',
            ui    : 'action',
            action: 'viewSource',
            text  : 'Source'
        }
    }
]

---

这将有助于您入门。

请查看Main.js文件（Kitchensink.view.tablet.Main）。这个类基本上创建了你所说的布局。。这是直截了当的：

items: [
    {       // This is the content area... 
        id: 'launchscreen',
        cls : 'card',
        scrollable: true,
        html: 'Home page content'
    },
    { 
        // The left navigation
        id: 'mainNestedList',
        xtype : 'nestedlist',
        useTitleAsBackText: false,
        docked: 'left',
        width : 250,
        store: 'Demos'
    },
    {
        // The top toolbar
        id: 'mainNavigationBar',
        xtype : 'titlebar',
        docked: 'top',
        title : 'Kitchen Sink',
        items: {
            xtype : 'button',
            id: 'viewSourceButton',
            hidden: true,
            align : 'right',
            ui    : 'action',
            action: 'viewSource',
            text  : 'Source'
        }
    }
]

---

这应该可以帮助您入门。

谢谢，这给了我想要的顺序：），我可以在启动屏幕中切换视图，这给了我想要的功能。谢谢，这给了我想要的顺序：），我可以在启动屏幕上切换视图，从而提供我想要的功能。你是在问如何创建一个看起来像Sencha Touch的页面而不实际使用它吗？这就是我想弄明白的，这就是我对你的问题的解释，但你接受的答案似乎表明我可能错了。@Michael如果你看看Sencha Touch的厨房水槽，你就会看到它的特殊导航。我想在Sencha Touch 2中使用同样的功能。您是否在询问如何在不实际使用Sencha Touch的情况下创建一个看起来像Sencha Touch的页面？这就是我想弄明白的，这就是我对你的问题的解释，但你接受的答案似乎表明我可能错了。@Michael如果你看看Sencha Touch的厨房水槽，你就会看到它的特殊导航。我想要同样的Sencha Touch 2