Добавьте несколько компонентов в один вид в Sencha Touch 2

Question

Я новичок в Sencha и не знаю, как добавить несколько компонентов в мою панель. Я не могу найти никакой информации об этом, поэтому я думаю, что это действительно легко реализовать, и я действительно не знаю, с чего начать. Мне нравится дизайн, который показан здесь: http://dev.sencha.com/deploy/touch/examples/production/kiva/, но после начала обучения я не могу скопировать этот проект даже в дизайне. Ребята, помогите пожалуйста как с этим справиться ...

Например, если мой основной вид (Main.js) выглядит следующим образом:

Ext.define("GS.view.Main", {    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],

    config: {
        tabBarPosition: 'top',
        cetner: true,

        items: [
            {
                xtype: 'profile'
            },
            {
                xtype: 'map'        
            },
        ]
    }
});

и позиция:

Ext.define('GS.view.Position', {    extend: 'Ext.Map',

    xtype: 'map',

    config: {
        title: 'Position',
        iconCls: 'time',
        useCurrentLocation: true,
        mapOptions: {
            zoom: 19
        },
        listeners: {
            maprender : function(comp, map){
                new google.maps.Marker({
                    position: new google.maps.LatLng(this._geo.getLatitude(), this._geo.getLongitude()),
                    map: map
                });    



            }


        }
    }
});

Как добавить некоторые дополнительные компоненты в мое представление позиции?

Спасибо Милош

Answer 1

Сначала я заметил, что у вас есть xtype: 'map' в вашей позиции, удалите эту строку и замените ее псевдонимом.Чтобы вызвать ваше представление положения с типом x, вам нужно добавить конфигурацию псевдонима, например

alias:'widget.mymap'

. Не просто назовите вашу карту псевдонима, потому что это сбивает с толку sencha.

, затем на главном экране сделайтекак то так

items: [
        {
           xtype: 'profile'
        },
        {
           xtype: 'mymap'        
        },
        ]