Wj-tab-panel

Wj-tab-panel

Posted by: hai.le on 29 January 2023, 10:57 pm EST

• 

  hai.le

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 January 2023, 10:57 pm EST

  I using wj-tab-panel and child component in angular.
  
  When creating a new tab, it will automatically activate.
  
  I used selectedIndex and selectedTab but not working .
  
  How can do that.

  <wj-tab-panel #testTab [selectedIndex]="isSelected" [selectedTab]="isSelected">
              <wj-tab *ngFor="let tab of tabList " >
                  <a >NO.{{tab.header}}</a>
                  <div>
                      <app-test [tabIndex]="tab.header" [tabId]="tab.header">
                      </app-test>
                  </div>
              </wj-tab>
          </wj-tab-panel>

  Please help me.
  
  Thank you.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 31 January 2023, 3:30 pm EST

  Hi,

  This query has been answered on our other platform, here is a copy of the response -
  
  As per your shared code snippet, you have set isSelected variable as selectedIndex in TabPanel, I’m assuming that the isSelected contains the last tabPanel index, if so then we are unable to replicate the issue at our end, could you please refer to the below sample used to replicate the issue and let us know if any changes are required to replicate the issue at our end?

  If you are facing the issue only in your application and not in the below-shared sample, it might be possible that the issue is caused due to some other factors in your application therefore I would request you to please share a small sample replicating the issue.

  Sample link: https://jscodemine.grapecity.com/share/DhfBD8s4_0epJ-rK9MWEpg/?defaultOpen={"OpenedFileName"%3A["%2Fsrc%2Fapp.component.ts"%2C"%2Fsrc%2Fapp.component.html"]%2C"ActiveFile"%3A"%2Fsrc%2Fapp.component.html"}

  Regards