如何动态设置SAPUI5表列的背景颜色?

时间:2014-07-03 09:03:22

标签: sapui5 background-color

假设某个年份和月份的日期标题(第1天到第31天)的表格。 表格的内容取决于所选择的年份和月份。 现在,例如,假设将所有“周末”列的background-color设置为“灰色”。

使用以下代码(来自http://scn.sap.com/thread/3360580的示例),我们遇到了一些问题:

  1. 我们只能设置可用数据的背景(假设有一个表格 10个默认行但只有2个条目;所以我们只能设置前两个条目的背景)
  2. 我们“滥用”工具提示属性(或任何其他)来处理背景颜色
  3. 删除类值似乎没有这种方式,如果我们改变绑定表数据的年/月,我们应该相应地改变颜色

    oTemplate.bindProperty("tooltip", bindPath, function(sValue) {          
    var classToSet = "";
    switch (sValue) {
        case "A": classToSet = "cssClassX"; break;
        case "B": classToSet = "cssClassY"; break;
        default: break;
     }
     cellId = this.getId();   
     $("#"+cellId).parent().parent().removeClass("cssClassX", "cssClassY");
     $("#"+cellId).parent().parent().addClass(classToSet);
    }
    
  4. 或多或少的问题是:

    有没有办法在某些数据上绑定完整表格列的background-color

1 个答案:

答案 0 :(得分:1)

sap.me.OverlapCalender不是更好的选择,而不是使用表吗?为您提供更多自由,特别是与sap.me.CalendarLegend控件

结合使用时

有关工作示例,请参阅https://sapui5.hana.ondemand.com/sdk/test-resources/sap/me/OverlapCalendar.html