extjs 选项卡面板的拖放功能

Question

我一直在寻找一种方法来实现拖放功能，以对选项卡面板组件内的选项卡项目进行重新排序。我正在使用 ExtJS 7，据我所知，此功能仅在 ExtJS 4 中可用，使用名为 Ext.ux.panel.DDTabPanel 的插件。关于是否有其他方法来拖放选项卡面板项目有什么想法吗？

Answer 1

我发现我可以使用 Ext.ux.TabReorderer 类。不幸的是，我在触发任何侦听器事件时遇到问题。

    var newTabPanel = Ext.create('Ext.tab.Panel', {
    plugins : Ext.create('Ext.ux.TabReorderer', {animate: false}),
    flex: 1,
    tabBar: {
        style: 'background-color: white; border-radius: 0px; margin-top: 5px; margin-right: 5px;'
    },
    listeners: {
        tabchange: 'tabChange'
    },
    items: [{
        title: 'tab 1'
    },{
        title: 'tab 2'
    },{
        title: 'tab 3'
    }]
});