本机脚本更改选项卡视图中的选定选项卡

Question

我似乎找不到如何通过部分视图中的代码导航到选项卡视图中的不同选项卡(每个选项卡都在一个子文件夹中，具有自己的html/ts/js/css文件(。此方案中的特定用例是，当用户单击列表中的项目时，它应切换到传递上下文(项目数据(的其他选项卡。

我可以使用以下命令更改父文件中的选定选项卡：

export function nav()
{
    pageData.set("tabIndex", 2);
}

但是我不知道如何从子文档设置它或如何将数据传递到不同的部分视图

我正在使用部分视图来创建选项卡，

部分视图只是堆栈布局，因此带有选项卡视图的页面如下所示：

<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>

Answer 1

我通常使用 NativeScript-Angular，据我所知，这是一种 Angular 的方式。

首先，添加 TabView 的 ID TabView id="tabview1"，然后编写如下内容：

var tabview1 = page.getViewById("tabview1");
tabview1.selectedIndex = 1;