Tab selectedItem

[vin]

When i set the   this.tabInstance.selectedItem = 1;

It is firing the clickTabs event, how to avoid it?

I am not seeing any isInteracted property to use

 event.isInteracted

 <ejs-tab #tabsElement id="tabsElement" (selected)="clickTabs($event, true)" class="e-fill">

 clickTabs(args: any, isClicked: boolean) {

}

[Nevitha Ravi]

Hi Vin, 

Greetings from Syncfusion support. 

We have validated your reported scenario and consider it as feature request to provide argument to know the event is triggered by interaction. You can keep track of the status through the following link. 

https://www.syncfusion.com/feedback/26031/provide-option-to-know-the-event-raised-by-interaction 

The feature will be implemented in any of our upcoming releases. Please use the suggested solution in the below forum until then. 

https://www.syncfusion.com/forums/165838/tab-selected-event  

Regards, 

Nevitha 

[vin]

What is the workaround?

[Nevitha Ravi]

Hi Vin, 

Thanks for your update. 

You can use selecting event to check whether the event is triggered by clicking on the tab header using event argument. Please refer to the following code example and sample. 

https://stackblitz.com/edit/angular-prevent-code-block-inside-tab-selected-event-7wjfnz?file=app.component.ts  

    <ejs-tab 

      #tab 

      id="tab_default" 

      heightAdjustMode="Auto" 

      (selected)="clickTabs($event)" 

      (selecting)="select($event)" 

    > 

  public clickTabs(e: SelectEventArgs) { 

    if (this.isClicked) { 

      // Your code 

      this.isClicked = false; 

      console.log('tab selected through header'); 

    } 

  } 

  public select(e: SelectingEventArgs) { 

    if (!isNullOrUndefined(e.event) && !isNullOrUndefined(e.event.target)) { 

      this.isClicked = true; 

    } 

  } 

In the above sample, the message will print in console only when we select tab using header. It will not print on selecting tab by clicking on the button. 

Please try the solution and let us know if you need any further assistance. 

Regards, 

Nevitha 

[vin]

Thanks

[Nevitha Ravi]

Hi Vin, 

You are most welcome..! please get back to us if you need any further assistance. 

Regards, 

Nevitha