<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js"><span id='Ext-ux-TabReorderer'>/**
|
</span> * This plugin allow you to reorder tabs of a TabPanel.
|
*/
|
Ext.define('Ext.ux.TabReorderer', {
|
|
extend: 'Ext.ux.BoxReorderer',
|
|
<span id='Ext-ux-TabReorderer-cfg-itemSelector'> itemSelector: '.x-tab',
|
</span>
|
<span id='Ext-ux-TabReorderer-method-init'> init: function(tabPanel) {
|
</span> 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);
|
},
|
|
<span id='Ext-ux-TabReorderer-method-afterFirstLayout'> afterFirstLayout: function() {
|
</span> 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;
|
}
|
}
|
},
|
|
<span id='Ext-ux-TabReorderer-method-onAdd'> onAdd: function(card, index) {
|
</span> card.tab.reorderable = card.reorderable;
|
},
|
|
<span id='Ext-ux-TabReorderer-method-afterBoxReflow'> afterBoxReflow: function() {
|
</span> 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);
|
}
|
}
|
});</pre>
|
</body>
|
</html>
|