Add new tab button in tab strip

[luanaa]

someone can 'explain how to implement the code for this feature?

tnx
Luanaa

[hitekshu]

Hi Animal,
First of all i would like to thank you for providing this plugin.

I am getting an error in Firebug when i click on the Add button
item is undefined
anonymous(Object browserEvent=Event mouseout button=0 type=mouseout)ext-all-debug.js (line 30044)
anonymous(Object browserEvent=Event mouseout button=0 type=mouseout)ext-all-debug.js (line 30065)
h()ext-all-debug.js (line 4615)
[Break on this error] if(item.disabled){\n

This is the code in Ext-all-debug.js where the error points
30044 if(item.disabled){
30045 return {
30046 close : null,
30047 item : null,
30048 el : null
30049 };
30050 }
30051 }
What is this, and how can i solve it?

[hitekshu]

Got it fixed. I hadmissed the implementation of stopEvent function on mouseDown

[Christiand]

very good indeed ! Thank you!

[adam.jimenez]

This plugin is great. Has anyone got it working in Ext4?

[ody]

I've had a go at converting this to extjs 4:

Ext.ux.AddTabButton = (function() {

    function onTabPanelRender()
    {
        this.addTab = new Ext.tab.Tab({
            text: '&#160',
            icon: 'add.gif',
            closable: false
        });

//        this.addTab.child('em.x-tab-left').setStyle('padding-right', '6px');
//        this.addTab.child('a.x-tab-right').setStyle('padding-left', '6px');

        this.addTab.on({
            click: this.onAddTabClick,
            scope: this
        });

// I'm not sure about adding the tab to the tab bar with a massive index.  Seems to work though.
        this.getTabBar().insert(999, this.addTab);
    }

    return {
        init: function(tp) {
            if (tp instanceof Ext.TabPanel) {
                tp.onRender = Ext.Function.createSequence(tp.onRender, onTabPanelRender);
            }
        }
    };
})(); 

[adam.jimenez]

The problem with that approach is that the addTab is not always visible when there is a tab scroller.

[adam.jimenez]

I created an ext4 version that switches to a toolbar when overflow is reached:
http://www.sencha.com/forum/showthre...877#post950877