码迷,mamicode.com
首页 > Web开发 > 详细

SAP UI5 web Component里的条件渲染机制

时间:2020-02-13 12:54:48      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:图片   arc   web   默认   RoCE   更改   -o   oss   barchart   

我的SAP UI5 web Component同时定义了两个图表标签,即BarChart和LineChart:

技术图片

运行时效果如下:

技术图片

现在我想针对这两个图表控件做一个条件显示,即点击屏幕一次,显示A图表,再点击,显示B图表。

(1) 引入useState函数:

技术图片

使用该useState生成一组控制器,返回的值通过toggerCharts和setToggerCharts保存。

技术图片

前者是一个数组,值为默认显示的图表类型:lineChart,后者是一个函数。

技术图片

在handleHeaderClick这个事件响应函数里,根据点击更改图表类型。

(2) 在card正文里,通过类似Java的三元表达式的语法来控制图表的显示:

技术图片

最后效果如下:

技术图片
技术图片

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
技术图片

SAP UI5 web Component里的条件渲染机制

标签:图片   arc   web   默认   RoCE   更改   -o   oss   barchart   

原文地址:https://www.cnblogs.com/sap-jerry/p/12303050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!