target/classes/static/assets/customer/js/plugin/tab.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * Created by diaoyuhang on 2017-08-26.
 */
var Tab = (function ($) {

    var tabstrip = undefined;
    /***
     * 初始化tab选项面板
     */
    var initialiseTabStrip = function(id){
        tabstrip = $("#"+id).kendoTabStrip({
            animation: false,
            dataTextField: "title",
            dataContentUrlField: "url",

        }).data("kendoTabStrip");
        configureSortable();
        configureCloseTab();
    };

    /***
     * 配置选项卡的排序
     */
    var configureSortable = function () {
        $("#tabstrip ul.k-tabstrip-items").kendoSortable({
            filter: "li.k-item",
            axis: "x",
            container: "ul.k-tabstrip-items",
            hint: function (element) {
                return $("<div id='hint' class='k-widget k-header k-tabstrip'><ul class='k-tabstrip-items k-reset'><li class='k-item k-state-active k-tab-on-top'>" + element.html() + "</li></ul></div>");
            },
            start: function (e) {
                tabstrip.activateTab(e.item);
            },
            change: function (e) {
                var tabstrip = $("#tabstrip").data("kendoTabStrip"),
                    reference = tabstrip.tabGroup.children().eq(e.newIndex);

                if (e.oldIndex < e.newIndex) {
                    tabstrip.insertAfter(e.item, reference);
                } else {
                    tabstrip.insertBefore(e.item, reference);
                }
            }
        });
    };

    /***
     * 配置关闭tab动作
     */
    var configureCloseTab = function () {
        var tabsElements = $('#tabstrip li[role="tab"]');
        tabsElements.append('<span data-type="remove" class="k-link"><span class="k-icon k-font-icon k-i-x"></span></span>');

        tabstrip.tabGroup.on("click", "[data-type='remove']", function (e) {
            e.preventDefault();
            e.stopPropagation();

            var item = $(e.target).closest(".k-item");
            var index = item.index();