提问
SAPUI5

sap.m.表动态单元格颜色（整个单元格）

2020-08-23 17:29发布

站内问答 / UI5
2072 4 4

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


嗨大师！

我们有一个sap.m.table，其detail.view.xml中有3列：

 
   td [data-colorCode ="过期"] {
      背景色：粉红色！重要；
    }
    .cyan {background-color：rgba（0，255，255，0.28）}
 
 
   <列>
  
 <标签文本=" {i18n> meetTabIBpId}"/> 
  
 <标签文本=" {i18n> meetTabIDevId}"/> 
  
 <标签文本=" {i18n> meetTabIDevDesc}"/> 
 
   <项目>
         
 <单元格>
 
 
 <单元格>
 <文字
 text =" {screenModel> ExtId}"/>
 
 <单元格>
 <文字
 text =" {screenModel> DevelopmentDesc}"/>

然后我们动态添加一些列：

 var oModelData = oController.getModelData（" screenModel"）;
 var oMeetingTab = oController.byId（" meetingDetailTable"）;
 var oMeetinglist = oController.byId（" meetingDetailTableList"）;


 for（var i = 0; i /meetingTable"，oMeetinglist）;

这是输出：

我们要更改整个单元格背景，如下所示：

预先感谢

约翰。

（12.1 kB）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


嗨大师！

我们有一个sap.m.table，其detail.view.xml中有3列：

 
   td [data-colorCode ="过期"] {
      背景色：粉红色！重要；
    }
    .cyan {background-color：rgba（0，255，255，0.28）}
 
 
   <列>
  
 <标签文本=" {i18n> meetTabIBpId}"/> 
  
 <标签文本=" {i18n> meetTabIDevId}"/> 
  
 <标签文本=" {i18n> meetTabIDevDesc}"/> 
 
   <项目>
         
 <单元格>
 
 
 <单元格>
 <文字
 text =" {screenModel> ExtId}"/>
 
 <单元格>
 <文字
 text =" {screenModel> DevelopmentDesc}"/>

然后我们动态添加一些列：

 var oModelData = oController.getModelData（" screenModel"）;
 var oMeetingTab = oController.byId（" meetingDetailTable"）;
 var oMeetinglist = oController.byId（" meetingDetailTableList"）;


 for（var i = 0; i /meetingTable"，oMeetinglist）;

这是输出：

我们要更改整个单元格背景，如下所示：

预先感谢

约翰。

（12.1 kB）
付费偷看设置
发送
4条回答
哎，真难
1楼 · 2020-08-23 18:01.采纳回答

约翰你好，

希望以下代码会为您提供帮助。

var table = sap.ui.getCore（）。byId（" __ xmlview1--idProductsTable"）;

var cell = table.getItems（）[0] .getCells（）[3];

var DomRef = cell.getDomRef（）;

$（DomRef.parentNode）.addClass（" backgroundRed"）;

亲切的问候，

Bhargava

路亽曱_Ryan
2楼-- · 2020-08-23 18:03

嗨！ 感谢您的回复。

成功了！

我们已将逻辑添加到模型的更新事件中，并向de cell附加了自定义数据参数。

SAP小黑
3楼-- · 2020-08-23 18:13 
检查是否有帮助，this.getParent（）。addStyleClass（  " cyanb"）;
Climb_Ma
4楼-- · 2020-08-23 17:56

感谢您的回复。 不幸的是，父组件是ColumnListItem对象，而不是单元格。

我认为执行oMeetinglist.addCell（oCell）时，缩小转换将子对象oCell（sap.m.text/label/button/etc）转换为sap.m.control，因此您无法处理 HTML列。

也许我们需要向oCel对象添加一个formatter函数，但是由于我们希望每个单元格值使用不同的颜色，因此将绑定到该对象。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...