NativeView在TabView

时间:2017-06-09 01:47:22

标签: typescript navigation nativescript

我似乎无法通过部分视图中的代码找到如何导航到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 个答案:

答案 0 :(得分:2)

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

首先,添加TabView TabView id =&#34; tabview1&#34;然后写下类似的东西:

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