ExtJS配置TabPanel可以拖拽Tab标签页

1.环境说明

ExtJS版本：7.4.0.42

Sencha Cmd: v7.5.1.20

开发工具：WebStorm 2022.1.1

PS：如果是老版本的ExtJS，引入Ext.ux.TabReorderer.js，然后加载plugins即可。

2.进行配置

在app.json中加载Ext.ux包。大约在510行左右。

"requires": [
    "ux"  //加载Ext.ux包
],

实际配置如下：

---

然后在应用中请求包

requires: [
    'Ext.ux.TabReorderer',
],

实际配置如下：

---

在tabpanel组件中，加载tabreorderer控件。

plugins: {
    tabreorderer: true
},

实际配置如下：

---

开启查看

打开控制台，切换到项目下，执行：

sencha app watch

---

搞定，可以拖拽Tab标签页了。