Как добавить удаленную вкладку в ту же позицию и с тем же содержимым вкладки в Webix?

У меня есть приложение Webix с вкладками. Он имеет четыре вкладки, и их можно удалить с помощью кнопки «x» в заголовке вкладки. Чтобы создать удаленную вкладку, нужно щелкнуть список имен вкладок на левой панели.

Фрагмент: https://webix.com/snippet/d637a6af

Мое требование выглядит следующим образом:

1. Начальный порядок вкладок: A,B,C,D соответственно. Если я удалю вкладку B, я хочу, чтобы она была добавлена ​​в то же место, то есть между A и C. Есть ли способ добиться этого?

  1. Кроме того, при добавлении удаленной вкладки не отображается соответствующее содержимое шаблона. Вместо этого отображается текущее выбранное содержимое вкладки, что означает, что если вкладка B удалена и добавлена ​​​​снова, содержимое вкладки B показывает шаблон C-вкладки, который был выбран во время добавления B-вкладки. Как я могу отобразить соответствующее содержимое вкладки?

Спасибо.


tabview webix
person A.G.Progm.Enthusiast    schedule 24.01.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

(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)

Вам нужно использовать один и тот же идентификатор для вкладки и содержимого вкладки, поэтому вместо tabbar.add("a", text) вам нужно использовать tabbar.add("atpl",

person Aquatic    schedule 25.01.2018