SAPUI5-Formatter实现动态背景图片

有点潦草,但应该能看懂

两种方法实现图片的动态路径:

方法一:
XML View 中使用src属性
<Image src="{imgModel>/location}">
在这里插入图片描述
在对应Controller.js中,通过动态指定Model的location值实现使用不用路径(首先使用jQuery.sap.getModulePath取得当前app绝对路径)的图片:

			var sRootPath = jQuery.sap.getModulePath("cn.bmwbrilliance.wit_rdc_dashboard");
			var sImgPath;
			if (this._oGlobalModel.oData.Plant === "SY01") {
				sImgPath = "/img/sh.png";
			} else {
				sImgPath = "/img/sh.png";

			}
			var imgLocation = sRootPath + sImgPath;

			this.imgModel = new JSONModel({
				location: imgLocation
			});
			this.getView().setModel(this.imgModel, "imgModel");

在这里插入图片描述
方法二:
XML View 使用formatter
<Image src="{path: 'imgModel>/city', formatter: 'cn.bmwbrilliance.wit_rdc_dashboard.model.myFormatter.imgPathAdr'}">
在这里插入图片描述

引入formatter.js

sap.ui.define(function() {
	"use strict";

	var formatter = {

		imgPath: function() {
			var sRootPath = jQuery.sap.getModulePath("cn.bmwbrilliance.wit_rdc_dashboard"),
				sImgPath = "/img/bmw_logo.png";
			return sRootPath + sImgPath;
		},
		imgPathAdr: function(city) {
			var sRootPath = jQuery.sap.getModulePath("cn.bmwbrilliance.wit_rdc_dashboard");
			var sImgPath ;
			if (city === "bj") {
				sImgPath = "/img/bj.png";
			}
			else
			{
				sImgPath = "/img/sh.png" ;
			}
				
			return sRootPath + sImgPath;
		}
	};
	return formatter;

}, /* bExport= */ true);

在这里插入图片描述

在对应Controller.js中引入formatter
在这里插入图片描述

然后通过传入不同的值,来实现寻址
在这里插入图片描述

PS,如果不好用,检查一下
“data-sap-ui-bindingSyntax=“complex” ”.

展开阅读全文

Windows版YOLOv4目标检测实战:训练自己的数据集

04-26
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值