页面内的 OpenUI5 NavContainer答案

【问题标题】：OpenUI5 NavContainer inside a Page页面内的 OpenUI5 NavContainer
【发布时间】：2016-06-15 08:40:52
【问题描述】：

我正在尝试将 NavContainer 放在 Page 中。

但如果我尝试，我只会得到页面的标题和左侧的滚动条，没有别的。

我的视图在 XML 中，控制器在 JavaScript 中。

我已经在其他 XML 中使用了 Navcontainer，但它工作得很好。如果我删除页面内容下的 NavContainer，它可以正常工作，而我是其他 xmlviews。

所以我的问题是：是否可以将 NavContainer 放在页面内容下？

或者我还能用什么？另一个“导航元素”。我已经用 Carousel 试过了，但这不是我想做的。

希望你能帮助我。

我的视图看起来像

    <Page showHeader="true" id="startView">
        <customHeader>
            <Bar class="StartseiteCompleteBand">
                <contentMiddle>
                    <Text text="{i18n>Homepage.Titel}" class="StartseiteBarTextMiddle"/>
                </contentMiddle>

            </Bar>
        </customHeader>
        <subHeader>
              <Bar>
             </contentMiddle>
                <contentRight>
                    <Button icon="sap-icon://person-placeholder" class="" text="{i18n>Homepage.Username}"
                            id="openMenuUser"
                            press="handlePressOpenMenu"/>
                </contentRight>
            </Bar>
        </subHeader>
        <content>
      <NavContainer id="navContainer" width="99%">
       <mvc:XMLView viewName="root.spc_management_modern.view.SkeletalStructureGUI"/>
            <lay:Grid defaultSpan="L6 M6 S12" class="GridOnHomepage">

                <lay:Grid id="GridOnHomepage" defaultSpan="L12 M12 S12">
                    <mvc:XMLView viewName="root.spc_management_modern.view.LeftsideHomepage"/>
                </lay:Grid>


                <lay:Grid defaultSpan="L12 M12 S12">
                    <mvc:XMLView viewName="root.spc_management_modern.view.RightsideHomepage"/>
                </lay:Grid>
            </lay:Grid>
       </NavContainer>
        </content>
    </Page>

【问题讨论】：

标签： xml view sapui5

【解决方案1】：

我尝试了超过 3 天，现在......我找到了解决方案。我必须在 navcontainer 之后放置一个页面。没想到。喜欢：

  <NavContainer width="99%">
            <Page showHeader="false">
                <content>
                    <Button
                            text="To next view"
                            press="handleNav">
                        <layoutData>
                            <FlexItemData growFactor="1"/>
                        </layoutData>
                        <customData>
                            <core:CustomData
                                    key="target"
                                    value="NewTestPlan"/>
                        </customData>
                    </Button>
                    <!--<mvc:XMLView viewName="root.spc_management_modern.view.SkeletalStructureGUI"/>-->
                    <lay:Grid defaultSpan="L6 M6 S12" class="GridOnHomepage">
                        <!--Lädt die linke Seite der Homepage-->
                        <lay:Grid id="GridOnHomepage" defaultSpan="L12 M12 S12">
                            <mvc:XMLView viewName="root.spc_management_modern.view.LeftsideHomepage"/>
                        </lay:Grid>

                        <!--Lädt die rechte Seite der Homepage&ndash;&gt;-->
                        <lay:Grid defaultSpan="L12 M12 S12">
                            <mvc:XMLView viewName="root.spc_management_modern.view.RightsideHomepage"/>
                        </lay:Grid>
                    </lay:Grid>
                </content>
            </Page>
        </NavContainer>

【讨论】：