How i add tabs in Ext JS

0
votes

this is my panel,i want to add tabs in this panel.I tried so many example from here but not success.. here is my code.

this.Tab = new Ext.Panel({
        title: 'PG Routing',
        //iconCls:'mrc',
        layout:'border',
        border:false,
        width:1000,
            height:600,
        closable:true,
        id:'pgrouting_tab',
        items:[this.addnewchannelform]     
        });
1
javascriptextjs

1 Answers

2
votes

You should try to use the Ext.tab.Panel instead of Ext.Panel. Take a look at this example:

Ext.create('Ext.tab.Panel', {
    width: 400,
    height: 400,
    renderTo: document.body,
    items: [
        {
            title: 'Foo'
        },
        {
            title: 'Bar',
            tabConfig: {
                title: 'Custom Title',
                tooltip: 'A button tooltip'
            }
        }
    ]
});