繁体   English   中英

使用来自 OData SAPUI5/JAVASCRIPT 的值放置背景颜色

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM