Tabbed Container: Event Handler on Click not working?

App Building
1

Hey there,
I'm trying to reset a variable each time a user clicks on a different tab in a tabbed container. I added an event handler "on click" for the tabbed container, selected the variable and set the value to null. But in fact, when I change the tab, the variable is not nulled. I realized though, when I set the event handler "on change", it works as expected. However, it is essential for my use case that the variable is changed only if a user clicks on a tab (I use row actions on other tabs to jump to another tab and filter the tables, therefore I "hand over" the row id in the variable - and for this case I need the variable to remain the value).

How can I make the event handler "on click" to reset the variable when a user clicks a tab?

2

Hi there @strongbow,

I think the "on click" event refers to clicking on a container, rather than the tab.

From the top of my head, one way of achieving what you're trying to do (assuming each container view/tab has a fixed variable) is to build the logic within your variable using container1.currentViewKey (or currentViewIndex).

If you're not using the container Key for anything else, then you could also set it as the value you want for your variable, and you just set your variable as {{ container1.currentViewKey }}