I'm struggling to figure out how to programmatically navigate to a different tab within a tabView from a partial View. Each tab is located in a child folder with its own html, ts, js, and css files. In this scenario, when a user clicks on an item in a list, I want it to switch to another tab while passing along the context (item data).
In the parent file, I can change the selected tab using the following code snippet:
export function nav()
{
pageData.set("tabIndex", 2);
}
However, I'm unsure of how to achieve this from a child document or how to pass data to a different partial view.
I'm using partial views to create the tabs, with each partial view being stacklayouts. Therefore, my page with the tab-view is structured as follows:
<TabView selectedIndex="{{tabIndex}}" >
<TabView.items>
<TabViewItem title="Drop Sequence">
<TabViewItem.view>
<DropSequence:DropSequence />
</TabViewItem.view>
</TabViewItem>
<TabViewItem title="Edit Order" >
<TabViewItem.view>
<EditOrder:EditOrder />
</TabViewItem.view>
</TabViewItem>