tabpanel

menu.js

WhyWait.views.Menu = Ext.extend(Ext.TabPanel, {
    title: "menu",
    iconCls: "note3",
    initComponent: function() {
        Ext.apply(this, {
            defaults: {
                styleHtmlContent: true
            },
            dockedItems: [{
                xtype: "toolbar",
                title: "Menu"
            }],
            items: [{
                title: 'Simple',
                items: [{
                    xtype: 'list',
                    store: WhyWait.ListStore,
                    itemTpl: '<div class="contact"><strong>{firstName}</strong> {lastName}</div>'
                }]
            },{
                title: 'Food',
                scroll: 'vertical',
                html: '<h2>food</h2>'
            },{
                title: 'Other',
                scroll: 'vertical',
                html: '<h2>other</h2>'
            }]
        });
        WhyWait.views.Menu.superclass.initComponent.apply(this, arguments);
    }
});

Ext.reg('menu', WhyWait.views.Menu);