Kendo ui 可以通过拖放对剑道Tabstrip选项卡重新排序吗？

是否可以通过拖放对选项卡重新排序（请参见剑道Tabstrip基本模式）？类似于在Excel中拖动选项卡。

上有一个类似于此的已解决问题，它已经有了解决此问题的答案，可以通过扩展剑道tabstrip小部件并向其中添加剑道可重排序

var numTabs = 1, tabs = null;

var reorderableTabStrip = kendo.ui.TabStrip.extend({
    options: {
        name: 'ReorderableTabStrip'
    },

    init: function ( element, options ) {
        kendo.ui.TabStrip.fn.init.call(this, element, options);
        this.applyReorderable();
    },

    applyReorderable: function () {
        var reorderable = this.tabGroup.data('kendoReorderable');
        if ( reorderable ) {
          reorderable.destroy();
        }

        this.tabGroup.kendoReorderable({
            group: 'tabs',
            filter:'.k-item',
            hint: function(element) {
                return element.clone().wrap('<ul class="k-tabstrip-items k-reset"/>').parent().css({opacity: 0.8});
            },
            change: $.proxy(this.onReorderableChange, this)
        });
    },

    onReorderableChange: function ( event ) {
        if ( event.newIndex < event.oldIndex ) {
            this.tabGroup.children('.k-item:eq('+event.newIndex+')').before( this.tabGroup.children('.k-item:eq('+event.oldIndex+')') );
            this.element.children('.k-content:eq('+event.newIndex+')').before( this.element.children('.k-content:eq('+event.oldIndex+')') );
        }
        else {
            this.tabGroup.children('.k-item:eq('+event.newIndex+')').after( this.tabGroup.children('.k-item:eq('+event.oldIndex+')') );
            this.element.children('.k-content:eq('+event.newIndex+')').after( this.element.children('.k-content:eq('+event.oldIndex+')') );
        }
        this._updateClasses();
    }
});
kendo.ui.plugin( reorderableTabStrip );

tabs = $('#tabs').kendoReorderableTabStrip().data('kendoReorderableTabStrip');

$('#button').click( onButtonClick );

function onButtonClick () {
    numTabs++;
    tabs.append({
        text: 'Tab ' + numTabs,
        content: 'Tab ' + numTabs + ' Content'
    });
    tabs.applyReorderable();
}

var numTabs=1，tabs=null；
var reorderableTabStrip=kendo.ui.TabStrip.extend({
选项：{
名称：“ReorderableTabStrip”
},
init：函数（元素、选项）{
kendo.ui.TabStrip.fn.init.call（this，element，options）；
this.applyReorderable（）；
},
applyReorderable:函数（）{
var reorderable=this.tabGroup.data（'kendoReorderable'）；
if（可重定额）{
可重定额销毁（）；
}
this.tabGroup.kendoReorderable({
组：“选项卡”，
筛选器：'.k项'，
提示：函数（元素）{
return element.clone（）.wrap（'
）.parent（）.css（{opacity:0.8}）；
},
更改：$.proxy（this.onReorderableChange，this）
});
},
onReorderableChange:函数（事件）{
if（event.newIndex

我按照那里的答案，修改了提问者的答案，结果很好