You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
3 years ago
|
/**
|
||
|
|
* This plugin allow you to reorder tabs of a TabPanel.
|
||
|
|
*/
|
||
|
|
Ext.define('Ext.ux.TabReorderer', {
|
||
|
|
|
||
|
|
extend: 'Ext.ux.BoxReorderer',
|
||
|
|
|
||
|
|
itemSelector: '.x-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);
|
||
|
|
},
|
||
|
|
|
||
|
|
afterFirstLayout: 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.startIndex, me.curIndex);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|