Nativescript:如何在多个视图中包含视图(例如幻灯片抽屉)?

时间:2016-01-20 20:01:21

标签: telerik nativescript

在我的Nativescript(1.5.2)应用程序中,我有我的视图 myDrawerView / myDrawerView.xml

在视图中,我有一个抽屉(Telerik-Nativescript-UI的一部分)

myDrawerView.xml

   <Page loaded="pageLoaded" xmlns:drawer="nativescript-telerik-ui/sidedrawer" xmlns="http://www.nativescript.org/tns.xsd">
      <drawer:RadSideDrawer>
        <drawer:RadSideDrawer.drawerContent>
          <StackLayout cssClass="drawerContent">
            <StackLayout cssClass="headerContent">
              <Label text="Header"/>
            </StackLayout>
            <StackLayout cssClass="drawerMenuContent">
              <Label text="Item 1"/>
              <Label text="Item 2"/>
              <Label text="Item 3"/>
              <Label text="Item 4"/>
            </StackLayout>
          </StackLayout>
        </drawer:RadSideDrawer.drawerContent>
      </drawer:RadSideDrawer>
    </Page>

我可以在我需要的每个视图中包含这个相同的抽屉,但这会产生大量复制代码。

现在让我说我有2个观点:

  • myView1 / myView1.xml
  • myView2 / myView2.xml

对于其他组件( Nativescript核心UI模块的一部分:tns-core-modules),我可以利用视图的控制器( myView1.ts myView2.ts )例如:

 var scrollView = new scrollViewModule.ScrollView();

但是对于这个sideDrawer,没有提到链接文档中的程序化初始化。

我在这里看到的唯一解决方案是通过在“ myView1.xml myView2.xml myDrawer.xml >。 如何制作或替代我可以遵循哪条路径来解决这个问题?

0 个答案:

没有答案