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

文件存储_上杭网站建设_企业0元试用

时间:2021-05-04 15:42 来源:埃里克云 编辑:埃里克云

核心提示

你好, 我带着一篇方便的SAPUI5控件/扩展博客回来了。希望这有帮助 这是一个更大的,所以我可能会把它分为两部分-所以请继续关注下面的部分,一定要跟着我,以获得更新时,他们...

文件存储_上杭网站建设_企业0元试用

你好,

我带着一篇方便的SAPUI5控件/扩展博客回来了。希望这有帮助

这是一个更大的,所以我可能会把它分为两部分-所以请继续关注下面的部分,一定要跟着我,以获得更新时,他们准备好了。

我正在设计一个移动应用程序时,我遇到了一个东西,我是在SAPUI5吨现成的控件中丢失:一个面板,我可以滑入和退出的看法。如前所述,这可能比桌面更适用于移动设备,但当然,这也可以用于任何一个-我们忠于Fiori,使这个新的/扩展的控制响应!

我的用例如下:在移动应用程序上,我想要一个默认不可见但可以通过按钮滑入视图的菜单。完成菜单后,使用相同的按钮,我可以再次将其滑出视图(当然除了按钮)。

重要说明:

我希望我的控件呈现完整的菜单,包括滑动所需的按钮我想让我的控制装置来控制滑动我想让我的控件调整到响应宽度

我的解决方案设计

为了实现这样的滑动面板,我创建了以下解决方案设计:

如前所述,UI5中没有实现上述所有功能的控件,但我们仍然可以使用标准控件并对其进行扩展,我决定使用sap.m.Panel

Panel是一个非常简单的控件,实际上它是一个包装器,可以有一个标题(和信息)工具栏。因此,非常适合我的用例。

1.1。开始扩展sap.m.Panel

我们需要一个用于自定义控件的JS文件,例如:PROJECT/webapp/controls/幻灯片面板.js

从绝对最小值开始,然后我们逐个填充代码:

1.2。初始化控件

在lifecycle method init中,我们添加并设置重要的额外属性,我们稍后将需要:

在JS文件的lifecycle方法之后添加以下方法(我们稍后填充):

在自定义CSS文件中,添加以下样式类:PROJECT/webapp/CSS/样式表

1.3. 准备要呈现的控件

首先,让我们添加SlidePanel所需的我们自己的额外属性:

这些属性使您可以自由地按照自己的意愿设置面板和按钮的样式,因此我们不会对所有内容都进行硬编码。关于ContractStyle属性的一点提示:我创建了我的面板,我只是不喜欢"亮上亮",所以对我来说,实际上对比度看起来更好(特别是在手机上)。这就是为什么在上面,我将默认值设置为true。

接下来,在我们在呈现之前呈现control–lifecycle方法之前,我们还需要做一些事情:

我知道这是相当多的代码,但是不要灰心,它相当简单。让我们看一下:

在第二部分继续…

我们做了很多:然而,还没有一个可用的,完成的控件,但我觉得这篇博客文章是越来越大,所以我在这里分裂。请检查第2部分以完成滑动面板控制。

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

    你好,社区, 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)是业...