add extjs 6.0.1 sources

[extjs.git] / extjs / packages / ux / classic / src / TabReorderer.js

/**\r
 * This plugin allow you to reorder tabs of a TabPanel.\r
 */\r
Ext.define('Ext.ux.TabReorderer', {\r
\r
    extend: 'Ext.ux.BoxReorderer',\r
    alias: 'plugin.tabreorderer',\r
\r
    itemSelector: '.' + Ext.baseCSSPrefix + 'tab',\r
\r
    init: function(tabPanel) {\r
        var me = this;\r
        \r
        me.callParent([tabPanel.getTabBar()]);\r
\r
        // Ensure reorderable property is copied into dynamically added tabs\r
        tabPanel.onAdd = Ext.Function.createSequence(tabPanel.onAdd, me.onAdd);\r
    },\r
\r
    onBoxReady: function() {\r
        var tabs,\r
            len,\r
            i = 0,\r
            tab;\r
\r
        this.callParent(arguments);\r
\r
        // Copy reorderable property from card into tab\r
        for (tabs = this.container.items.items, len = tabs.length; i < len; i++) {\r
            tab = tabs[i];\r
            if (tab.card) {\r
                tab.reorderable = tab.card.reorderable;\r
            }\r
        }\r
    },\r
\r
    onAdd: function(card, index) {\r
        card.tab.reorderable = card.reorderable;\r
    },\r
\r
    afterBoxReflow: function() {\r
        var me = this;\r
\r
        // Cannot use callParent, this is not called in the scope of this plugin, but that of its Ext.dd.DD object\r
        Ext.ux.BoxReorderer.prototype.afterBoxReflow.apply(me, arguments);\r
\r
        // Move the associated card to match the tab order\r
        if (me.dragCmp) {\r
            me.container.tabPanel.setActiveTab(me.dragCmp.card);\r
            me.container.tabPanel.move(me.dragCmp.card, me.curIndex);\r
        }\r
    }\r
});