skypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmail
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.5 KiB
53 lines
1.5 KiB
9 years ago
|
/**
|
||
|
|
* This plugin allow you to reorder tabs of a TabPanel.
|
||
|
|
*/
|
||
|
|
Ext.define('Ext.ux.TabReorderer', {
|
||
|
|
|
||
|
|
extend: 'Ext.ux.BoxReorderer',
|
||
|
|
alias: 'plugin.tabreorderer',
|
||
|
|
|
||
|
|
itemSelector: '.' + Ext.baseCSSPrefix + 'tab',
|
||
|
|
|
||
|
|
init: function(tabPanel) {
|
||
|
|
var me = this;
|
||
|
|
|
||
|
|
me.callParent([tabPanel.getTabBar()]);
|
||
|
|
|
||
|
|
// Ensure reorderable property is copied into dynamically added tabs
|
||
|
|
tabPanel.onAdd = Ext.Function.createSequence(tabPanel.onAdd, me.onAdd);
|
||
|
|
},
|
||
|
|
|
||
|
|
onBoxReady: function() {
|
||
|
|
var tabs,
|
||
|
|
len,
|
||
|
|
i = 0,
|
||
|
|
tab;
|
||
|
|
|
||
|
|
this.callParent(arguments);
|
||
|
|
|
||
|
|
// Copy reorderable property from card into tab
|
||
|
|
for (tabs = this.container.items.items, len = tabs.length; i < len; i++) {
|
||
|
|
tab = tabs[i];
|
||
|
|
if (tab.card) {
|
||
|
|
tab.reorderable = tab.card.reorderable;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onAdd: function(card, index) {
|
||
|
|
card.tab.reorderable = card.reorderable;
|
||
|
|
},
|
||
|
|
|
||
|
|
afterBoxReflow: function() {
|
||
|
|
var me = this;
|
||
|
|
|
||
|
|
// Cannot use callParent, this is not called in the scope of this plugin, but that of its Ext.dd.DD object
|
||
|
|
Ext.ux.BoxReorderer.prototype.afterBoxReflow.apply(me, arguments);
|
||
|
|
|
||
|
|
// Move the associated card to match the tab order
|
||
|
|
if (me.dragCmp) {
|
||
|
|
me.container.tabPanel.setActiveTab(me.dragCmp.card);
|
||
|
|
me.container.tabPanel.move(me.dragCmp.card, me.curIndex);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|