NativeScript在TabView中更改选定的选项卡-Java 学习之路

我似乎无法通过部分视图中的代码找到如何导航到tabView中的不同选项卡（每个选项卡位于具有自己的html / ts / js / css文件的子文件夹中） . 此场景中的特定用例是当用户单击列表中的项目时，它应切换到不同的选项卡，并使用它传递上下文（项目数据） .

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

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

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

我正在使用部分视图来创建选项卡，部分视图只是stacklayouts所以我的页面选项卡视图如下所示：

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

1 回答

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

首先，添加一个TabView TabView id =“tabview1”的id，然后写下如下内容：
```
var tabview1 = page.getViewById("tabview1");
tabview1.selectedIndex = 1;
```
回复于 2024-05-03T04:22:28+08:00

NativeScript在TabView中更改选定的选项卡

1 回答

相关问题