Change tabview header text dynamicaly

1

Hello webix friends

I have a set of tabs in a tabview.

With $$(‘tabview’).getTabbar().config.options I can get this list. one element is e.i.:

{value: ‘tab1’, id: ‘0’, close: undefined, width: undefined, hidden: false}

I can also change the value but how to refresh the tabview???

I please you to help me or give me a hint… thank you

Michael

2

Hello Michael,

To change the tabview option title dynamically you need to use the refresh method.

In this example we also take the id of the currently selected option this way:
const optionID = tabs.config.value;

And then we get the current option object using this id:
const option = $$("$tabbar1").getOption(optionID);

Please take a look at the example: Code Snippet

3

Thanks a lot, Natalia!