当前位置:主页 > 云数据库 > 正文

香港服务器_姐汁百度云_试用

时间:2021-05-03 23:26 来源:埃里克云 编辑:埃里克云

核心提示

*注:样本代码位于https://github.com/Yelcho/UI5-Comp-Routing 当UI5Con演示文稿一有空,我就迫不及待地把它们都用光了。你可以在https://www.youtube.com/channel/ucollpeus2uajhmxjkhghgtga 我最喜欢的是Thor...

*注:样本代码位于https://github.com/Yelcho/UI5-Comp-Routing

当UI5Con演示文稿一有空,我就迫不及待地把它们都用光了。你可以在https://www.youtube.com/channel/ucollpeus2uajhmxjkhghgtga

我最喜欢的是Thorsten Erlewin的演讲,名为"非常棒的UI5特性以及为什么我们在Fiori元素中使用它们"。

Thorsten首先谈到的是基于组件的路由。多年来,我曾多次尝试将UI5应用程序拆分成更小的组件,但总是发现很难让组件间的路由按我所愿工作。

Tom Van Doorslaer在他的博客"UI5–可重用组件的嵌套路由"中描述了他处理基于组件的路由的方式。Tom强调了在路由模式中处理通配符的挑战,我必须承认我不是真的想去那里。

我把Thorsten的演示作为我应该再试一次的标志。

我做的第一件事是创建三个不同的组件,显示Northwind示例oData服务中的不同实体。它们是产品、供应商和类别,它们的工作方式都相同。

它们有一个应用程序视图,其中包含一个sap.m.App控件,用于支持导航。由sap.m.Page控件组成的列表视图,该控件包含一个sap.m.Table控件,该控件使用sap.m.ColumnListItem类型的控件呈现相应的实体集。ListType.导航.

选择ColumnListItem控件时,我们导航到详细视图,并将此视图绑定到所选实体以显示实体细节。

重要的是sap.m提供的导航概念。路由.路由器类意味着我们可以使用浏览器按钮前后导航,我们可以随时刷新浏览器并返回到相同的视图和上下文。

现在是时候将这些组件合并到新的应用程序中了。我创建了一个包含sap.tnt.Toolpage工具页为前面构建的三个组件中的每一个提供一个条目的菜单系统。ToolPage控件包含自己的sap.m.App控件,该控件将用作组件的导航容器。组件可以位于任何地方,包括它们自己的库中,但对于本例,我只是将它们放在一个"重用"子目录中。

我使用SAPUI5文档了解如何在清单文件中配置基于组件的路由。相关区域如下所示……

注意……

组件是如何在sap.ui5版本.组件用法部分路由已指定前缀属性使用类型"Component"和引用sap.ui5版本.componentUsages部分。

这一切都很好。例如,当我为供应商选择菜单选项时,哈希值变为#/suppliers(与清单中定义的模式匹配),并且加载供应商组件。

当我选择表中的一个条目时,哈希值变为#/suppliers&/s/detail/2s"是为供应商目标定义的别名,因此散列的"/detail/2"部分被传递到组件路由器,组件路由器触发产品组件的详细视图导航并绑定到产品2.

浏览器后退和前进按钮也起作用。如果我进行浏览器刷新,我将返回到具有相同上下文的相同视图。

子组件之间的导航如何?

我使用sap.m.表格控件增强了"供应商详细信息"视图,该控件显示当前供应商提供的产品。

如上所述–我将产品组件的组件详细信息添加到供应商组件的清单文件中,并添加了一个合适的路由目标以导航到所选产品。

问题–我发现从"供应商详细信息"视图中选择一个产品,以触发到产品组件详细信息视图的导航,它将转到列表视图。

*注意–请参阅后续博客UI5–使用嵌套组件导航

供应商组件路由器不会将路由模式传递到产品组件路由器。因此,即使哈希值更改为#/products/4之类的值,子组件路由器也会看到一个空模式,在我们的示例中,加载列表视图,因为它与该模式匹配。

因此,我看到的不是产品4的详细信息,而是所有产品的列表。

我尝试使用路由模式来解决这个问题,但实际上没有取得任何进展。正如Tom在他的博客中所提到的,路由模式中的&symbol不起作用。

仅供参考–我提出了一个关于嵌套组件路由问题的问题。SAP已经告知其他人已经请求了这个功能,所以我希望我们可以期望它在将来可用。https://github.com/SAP/openui5/issues/2610

在此期间,我找到了一份工作。子组件路由器oHashChanger有一个指向主路由器oHashChanger的父属性,从中我可以从父组件获取哈希值,并使用它触发到详细视图的即时导航。

在列表控制器中,我将PatternMatched事件处理程序附加到路由器以执行此操作。

事件处理程序需要知道父组件路由器使用的路由模式,因此这并不理想,但它工作得很好。

这意味着我们现在可以在所有子组件之间来回导航。从供应商到产品再到类别再到另一个产品再到供应商等等

注意,经过几次跨组件导航之后,哈希模式开始变得非常有趣。e、 g.#/供应商&/s/产品/31&/s-p/类别/4&/s-p-c/产品/59&/s-p-c-p/供应商/28&/s-p-c-p-s/细节/28

浏览器后退、前进和刷新也很好。

享受吧!

*注样本代码为https://github.com/Yelcho/UI5-Comp-Routing

*新闻-注意SAP正在解决我在这里提出的路由问题。看到了吗https://github.com/SAP/openui5/issues/2610有关详细信息,

*请参阅后续博客UI5–使用嵌套组件导航

  • 企业网站_新白娘子传奇百度云_折扣 企业网站_新白娘子传奇百度云_折扣

    你好,社区, BSI TaxFactory和TaxFactory SaaS发布版本11.0可用。 在我们的合作伙伴BSI将其产品/产品BSI TaxFactory 10.0的维护延长至2021年4月30日之后。SAP还决定在2021年4月30日之前为BSI TaxFactor...

  • 消息队列_华云服务器_限量秒杀 消息队列_华云服务器_限量秒杀

    啊。我已经很久没在这里写博客了-对不起? 但这是一个很好的机会让我重新上马,这是我与SAP TechEd Barcelona的SAP社区负责人Craig Cmehil的"无采访视图"(无采访视图就像一次真正的采访...

  • <strong>域名备案_查看数据库密码_怎么样</strong> 域名备案_查看数据库密码_怎么样

    在本文中,我们将看到如何在sapcloudfoundry环境中为Spring启动应用程序配置OAuth2授权。但是在这样做之前,让我们先熟悉一下这个实现中涉及的几个重要概念。 简介 OAuth2–是一个授权框...

  • <strong>MySQL数据库_网站cdn_多少钱</strong> MySQL数据库_网站cdn_多少钱

    您已经听说了SAP Graph在SAP TechEd Las Vegas 2019发布的消息。微软Graph也非常棒,非常相似(哲学上+技术上),它不仅非常有用,而且我会给你一个微软Graph的工作示例/教程,让你了解它,...

  • 京东云_网站建设中页面_学生机 京东云_网站建设中页面_学生机

    在可预见的未来,向S/4HANA过渡的公司特定规划已将每个SAP客户列入其议程。S/4HANA实施项目越来越近了,因此也有一个问题:在技术和开发层面必须做哪些准备?正是这个主题是"S/4H...

  • <strong>天翼云_网站服务器失去响应怎么回事_代</strong> 天翼云_网站服务器失去响应怎么回事_代

    大家好, 欢迎来到一个关于用户浏览器没有启用JavaScript的用户体验主题的简短博客。 考虑到1%的设计理念,如果我们考虑那些禁用或不可用JavaScript的浏览器的用户(出于"天知道为什...

  • <strong>对象存储_网站建设外贸_速度快</strong> 对象存储_网站建设外贸_速度快

    在本文中,我将展示如何通过负载平衡器为我们的生产数据库构建一个具有高可用性的HANA驾驶舱。我建议您开始阅读SAP指南HowTo:High Availability for SAP HANA cockpit using SAP HANA system replicat...

  • <strong>中间件_重庆网站建设策划_促销</strong> 中间件_重庆网站建设策划_促销

    SAP Customer Data Cloud在9月份推出了许多功能。如果你错过了这些,下面是我们9月份发布的几个亮点。 与苹果公司登录:苹果公司已经发布了使用苹果ID登录应用程序的选项。他们甚至规...

  • 消息队列_马云御任阿里巴巴_年度促销 消息队列_马云御任阿里巴巴_年度促销

    本周在拉斯维加斯TechEd看到的创新给我留下了非常深刻的印象。今年似乎出现了比过去更多的业务倾斜。主要的宣布是我们可以通过业务技术平台扩展SAP应用程序 HANA云服务(HCS)是业...