Кухонная мойка Sencha Touch 2 как навигация - PullRequest
Новая
       24

Кухонная мойка Sencha Touch 2 как навигация

1 голос
/ 20 марта 2012

Я искал это далеко и далеко, но, похоже, я не нашел никаких подсказок о том, как это сделать. Что сенча делает аккуратно в своей раковине, так это:

  • Навигационная панель закреплена слева
  • Панель инструментов закреплена вверху, показывая заголовок вида.

И я не могу понять, как это сделать, даже выплеснув исходный код кухонной раковины. Я нашел некоторые следы, как это сделать, но это еще не все. 

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

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

Это еще не все.

Не могли бы вы мне помочь с каким-то учебником о том, как создать этот тип макета? Или помочь мне дальше?

1 Ответ

4 голосов
/ 21 марта 2012

Посмотрите файл 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'
        }
    }
]

Это должно помочь вам начать работу.

...