小编sh3*_*33p的帖子

SAPUI5 - 标题、侧边栏和导航

我是 SAPUI5 的新手,我在导航、侧边栏和标题方面遇到了一些问题。我想开发一个带有标题和侧边栏的应用程序。为此,我使用了“ToolPage”。每个页面都包含工具页面,如下所示:

<mvc:View >
    <tnt:ToolPage id="toolPageId">
        <tnt:header>
            <core:Fragment ...> </core:Fragment>    
        </tnt:header>
        <tnt:sideContent id="SideContentId">
            <core:Fragment ...> </core:Fragment>
        </tnt:sideContent>
        <tnt:mainContents>
            <NavContainer id="pageContainerId" width="100%">
                <Page ...>
                    <content>
                         ...
                         ...
                    </content>
                </Page>
             </NavContainer>
        </tnt:mainContents>
    </tnt:ToolPage>
</mvc:View>
Run Code Online (Sandbox Code Playgroud)

它们都与此类似,只是在内容标签中有不同的代码。

有了这个,我实现了我想要的布局,并使用 manifest.json 中的路由进行导航。我为每个页面都有一个控制器,并使用以下命令导航:

onNavToBeTask: function(oEvent) {
        this.getRouter().navTo("pageTasklist");
}
Run Code Online (Sandbox Code Playgroud)

我现在遇到的问题是,每次导航时,标题和侧边栏都会再次加载,并且侧边栏中的错误字段将突出显示。

我找到了一个示例,但这里包含 .xml 和 .js 文件中的所有代码,这些代码非常不清楚 https://sapui5.netweaver.ondemand.com/sdk/explored.html#/sample/sap .tnt.sample.ToolPage/代码

我的问题是:

  • 一般来说,使用侧边栏和标题导航的最佳方式是什么?
  • 有一个带有标题和侧边栏的“母版”并将内容添加到内容标签会更好吗?
  • 或者我应该在侧栏中选择正确的字段,并在导航到页面时调用一个函数?

编辑:

示例屏幕截图,我想实现的目标

sapui5

5
推荐指数
1
解决办法
3694
查看次数

标签 统计

sapui5 ×1