如何在 Webix 中的 tabview 的相同位置和相同内容添加已删除的选项卡？

Question

我有一个带有 tabview 的 Webix 应用程序。它有四个选项卡，可以通过其选项卡 header 上的 'x' 按钮删除它们。要创建已删除的选项卡，需要单击左侧面板中的选项卡名称列表。

代码段：https://webix.com/snippet/d637a6af

我的要求如下：

1.初始Tab顺序分别为A、B、C、D。如果我删除 B-tab，我希望将其添加到同一位置，即 A 和 C 之间。有没有办法实现？

另外，添加删除的标签时，没有显示相应的模板内容。相反，它显示当前选择的选项卡内容意味着如果 B 选项卡被删除并再次添加，B 选项卡内容显示在添加 B-tab 时选择的 C-tab 的模板。如何显示适当的选项卡内容？

谢谢。

Answer 1

(1)

如果您想保留现有选项卡的顺序，隐藏|显示选项卡可能比完全删除它们更好

function open_new_tab(id) {
    $$("mytabview").getTabbar().showOption(id+"tpl");
}

和

tabbar:{
        on: {
            "onBeforeTabClose":function(id){
              this.hideOption(id);
              this.refresh();
              return false;
            }
        }
      },

https://webix.com/snippet/73210568 https://docs.webix.com/api__link__ui.tabbar_hideoption.html

(2)

您需要为选项卡和选项卡内容使用相同的 ID，因此您需要使用 tabbar.add([=27= 而不是 tabbar.add("a", text) ],

如何在 Webix 中的 tabview 的相同位置和相同内容添加已删除的选项卡？

How to add a deleted tab in the same position and with same content of the tabview in Webix?

tabview

webix