Ext.tab.Panel 기본 구조

Ext.define('MobileWeather.view.Main', {

    extend: 'Ext.tab.Panel',

    requires:

    [

      'Ext.TitleBar',

      'Ext.picker.Picker',

      'Ext.dataview.List'  

    ],    

    config: {

        tabBarPosition: 'bottom',

        items:

        [

            {

                xtype: 'container',

                title: '현재날씨',

                iconCls: 'home',

                styleHtmlContent: true,

                scrollable: true,

                items: {

                    docked: 'top',

                    xtype: 'titlebar',

                    title: '현재 날씨 정보'

                }

            },           

            {

                xtype: 'container',

                layout: 'fit',

                title: '테마날씨',

                iconCls: 'bookmarks',

                items: 

                [

                    {

                        docked: 'top',

                        xtype: 'titlebar',

                        title: '테마 날씨 정보'

                    },

                    {

                        xtype: 'list',

                        data: [

                        {

                            title: 'Item 1'

                        },

                        {

                            title: 'Item 2'

                        },

                        {

                            title: 'Item 3'

                        },

                        {

                            title: 'Item 4'

                        }

                        ],

                        itemTpl: '{title}'

                    }

                ]

            },        

            {

                xtype: 'container',

                title: '지역설정',

                iconCls: 'more',

                items: 

                [

                    {

                        docked: 'top',

                        xtype: 'titlebar',

                        title: '지역 설정'

                    },

                    {

                        xtype: 'video',

                        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',

                        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'

                    }

                ]

            }

        ]

    }

});