[英]Put background color with values from OData SAPUI5/JAVASCRIPT
我需要使用从 OData 获取的值设置背景 colors 。 我有以下代码:
oModel.read("/EspCoSet", {
filters: [aFilters],
success: function (oD, oR) {
var oResults = oD.results;
for (var i = 0; i < oResults.length; i++) {
var color_fondo = oResults[i].ColorFondo;
var color_texto = oResults[i].ColorTexto;
}
},
error: function (oE) {
console.log("Error");
}
});
在变量“color_fondo”中,我以 HEX 格式保存颜色值,如“FFFFFF”。 有什么方法可以在不触摸 css 的情况下将此值放入相应的单元格。我看了这个方法:
[data-esp="Hospitalizado"] * {
background-color: #FFFFFF !important;
color: red !important;
}
但如果我这样做,我需要再次写入信息(来自 OData 的信息),然后 OData 的值没有任何用处。 可能吗?
我找到了一个解决方案,它是 Inte.net 中一些答案的合并。 为了从 OData 中获取 colors,我稍微更改了后端。 我之前的表格是 colors 的十六进制,现在我改成了这样的字母:
color_fondo | color_texto
WHITE | BLACK
BLUE | RED
GREEN | BLACK
然后,在 css 中,我将颜色名称设置为 class,如下所示:
.BLUE {
background-color: #9dcfdd !important;
}
最后在 controller 中,当我阅读 model 并获得每个患者的相应颜色时,我获得了每个单元格的项目,并使用addStyleClass应用来自 OData 的变量 color_fondo。
oModel.read("/EspCoSet", {
filters: [aFilters],
success: function (oD, oR) {
var oResults = oD.results;
for (var i = 0; i < oResults.length; i++) {
var color_fondo = oResults[i].ColorFondo;
var color_texto = oResults[i].ColorTexto;
var aItems = oTable.getItems();
aItems[i].addStyleClass(color_fondo);
aItems[i].addStyleClass(color_texto);
}
},
error: function (oE) {
console.log("Error");
}
});
最后我在前端得到了 colors。 我把它留在这里是因为我找不到任何从 OData 中获取 colors 的示例,可能会对某人有所帮助。 顺便说一句,对不起我的英语,我希望一切都清楚。
注意:对于文本颜色,您需要输入 css *:
.RED *{
color: #c63637 !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.