主页 > 云主机 > > 正文

华为云_稳定云虚拟主机_免费领

来源:胜利云 发布时间:2022-05-22 19:30 标签:虚拟主机免费稳定华为
浏览:

华为云_稳定云虚拟主机_免费领

简介

在开发UI5页面时,仅遵循SAP提供的标准控件总是非常困难的。有时我们可能需要有自己的控件,这在UI5库中是不可用的。其中一个控件是一个看起来像KPI磁贴的磁贴容器。在这里,在这个博客中,中国云,我试图解释如何创建一个自定义的tile容器,它可以用于桌面UI5仪表板和自定义FIORI应用程序?

关于我们要创造什么,美国云服务器,没什么可说的。有时,屏幕截图不仅仅是文字

只是一个边框上有一点阴影的框,一个标题栏和一个内容窗格,我们可以在其中放置平铺内容。

控件需要什么

要创建这样一个控件,我们只需要一些HTML编码和CSS条目。下面是我用来创建这个框的CSS代码

(感谢w3schools提供的CSS)

如何动态创建控件

SAPUI5为我们提供了扩展任何现有控件或创建自己控件的功能。我们在UI中看到的所有控件都是从名为Control的基本组件扩展(或继承)的(sap.ui.core.控制)。因此,在创建控件时,我们应该扩展控件基组件。

下一步是了解控件的属性和聚合(以及事件,如果有的话)。在我们的例子中,它有一个属性,那就是标题文本(id属性将默认从控件继承,不用担心)。在我们的例子中,我正在使瓷砖背景颜色动态化。

第三个也是非常重要的部分是渲染器。renderer函数应该呈现我们在控件中定义的UI5元数据,以便在运行时生成相应的HTML标记。记住,小程序建站,JavaScript和XML都不能在屏幕上显示控件,只有HTML可以,我们将直接转到编码部分

writeControlData方法是必需的,因为它向div提供id信息。该id可以手动传递,也可以由呈现器自身自动生成。如果没有此语句,则设置后无法动态更新互动程序内容或标题栏。

WriteClasses方法会将css类信息(如果有的话)写入关联的div内容。

WriteStyles方法能够分配或链接关联css类的css属性。在我们的例子中,box是具有属性背景的类。动态地,我们可以通过指定background属性来改变背景。

渲染后您将得到什么

一旦渲染完成,淘客查询,当我们传递控件标题和内容时,它将在HTML DOM树中创建相应的DOM对象。

在视图中使用控件:

where chart()函数返回一个条形图有数据的图表。您可以根据需要实现width属性和其他css属性。

现在,电梯物联网,我们的UI5 tile看起来像,

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 域名备案_阿里云销售顾问_最新活动
    <strong>域名备案_阿里云销售顾问_最新活动</strong>

    域名备案_阿里云销售顾问_最新活动

    高速互联网和功能强大的应用程序使得几乎所有有办公桌工作的人都可以在家工作。然而今天,大多数公司仍然坚持要求员工忍受有时令人心碎的上下班路...

  • 数据库_分布式消息中间件实践pdf_免费领
    <strong>数据库_分布式消息中间件实践pdf_免费领</strong>

    数据库_分布式消息中间件实践pdf_免费领

    作者:马库斯·瓦纳关于2017年趋势的讨论正在迅速而激烈地展开,职场也不例外。随着新的一年即将到来,职场趋势专家们正在为2017年列出自己的预测清单...

  • 域名注册_自考数据库_免费6个月
    <strong>域名注册_自考数据库_免费6个月</strong>

    域名注册_自考数据库_免费6个月

    正如Facebook和Twitter首席运营官(COO)上周在美国国会作证时所说,出现的一个突出主题是,这些公司在保护其平台免受网络攻击方面所扮演的角色。这些公...

  • 域名解析_阿里云是什么意思_怎么买
    <strong>域名解析_阿里云是什么意思_怎么买</strong>

    域名解析_阿里云是什么意思_怎么买

    类别工作日新闻与文化财务人力资源规划技术创新分析与见解客户和社区行业金融服务政府保健高等教育款待媒体和娱乐专业和商业服务零售技术更多播客...

  • 网站服务器_王者荣耀服务器未响应_限时
    网站服务器_王者荣耀服务器未响应_限时

    网站服务器_王者荣耀服务器未响应_限时

    日本甲骨文公司今天宣布,ISOU项目采用甲骨文区块链平台管理一种本币的发行和消费。日本甲骨文公司是ISOU项目的支持公司,该项目旨在解决人口稀少地...

云储存

更多 >
  • <strong>微软云_数据库表恢复_优惠券</strong>
    微软云_数据库表恢复_优惠券

    "哦,孩子",你可能在想,"另一个无聊的,漫无边际的关于云未来的博客文章"。但是你看到了海洋中的鱼的图片。你想知道"这和云有什么关系?"。让我来...

  • <strong>网站建设_服务器代理ip_速度快</strong>
    网站建设_服务器代理ip_速度快

    如果你参加了比尔·麦克德莫特(Bill McDermott)在奥兰多SAPPHIRE NOW 2014的主题演讲(或观看重播),你会被介绍给三位特别嘉宾。多才多艺的蒂姆·多纳、S...

云储存负载均衡_企业邮箱outlook_多少钱
云储存云服务器_负载均衡报价_怎么买
云储存分布式存储_快猫破解版下载百度云下载
云储存域名备案_阿里巴巴马云邮箱_企业级
云储存网站空间_阿里云换ip_怎么申请