как перейти с обычной домашней страницы на макет nestedlist в sencha touch

Question

Я начинаю использовать сенча сенсорный. Я был в состоянии создать макет вложенного списка, где нажатие на элемент листа запускает getdetailcard. Теперь я хочу сделать что-то вроде этого.

Я хочу создать домашнюю страницу без логотипа. Когда пользователь нажимает на логотип, макет прокручивается до вложенного списка элементов.

Может кто-нибудь указать мне соответствующую документацию или показать пример кода?

Спасибо

Answer 1

Вам необходимо добавить карту панели в окно просмотра, а затем нажать на логотип, чтобы изменить активный элемент.

Вот пример кода:

   var data = {
    text: 'Groceries',
    items: [{
        text: 'Drinks',
        items: [{
            text: 'Water',
            items: [{
                text: 'Sparkling',
                leaf: true
            }]
        }]
    }]
};
Ext.regModel('ListItem', {
    fields: [{name: 'text', type: 'string'}]
});
var store = new Ext.data.TreeStore({
    model: 'ListItem',
    root: data,
    proxy: {
        type: 'ajax',
        reader: {
            type: 'tree',
            root: 'items'
        }
    }
});
var nestedList = new Ext.NestedList({
    title: 'Groceries',
    displayField: 'text',
    store: store
});

var MyApp = new Ext.Application({
    name: 'MyApp',
    launch: function() {
        MyApp.views.viewport = new Ext.Panel({
            fullscreen: true,
            layout: 'card',
            cardAnimation: 'slide',
            items: [
                {
                xtype: 'panel',
                    html:'<img src="https://www.google.com/intl/en_com/images/srpr/logo3w.png">',
                    listeners:{
                        el:{tap:function(){MyApp.views.viewport.setActiveItem(1,{type:'slide',direction:'left'});}}
                    }
                },
              nestedList
            ]
        });
    }
});