使用sapui5在multiselect模式下选中复选框时,如何更改复选框的颜色?

2020-09-16 13:06发布

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

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


我想在选中复选框时将其更改为红色。我正在使用多选模式在表格中显示该复选框。

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

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


我想在选中复选框时将其更改为红色。我正在使用多选模式在表格中显示该复选框。

付费偷看设置
发送
3条回答
大简至美
1楼-- · 2020-09-16 13:35

sap.m.CheckBox有一个事件选择,您可以将一个函数绑定到该事件上,该函数将在被选择时触发

然后在函数中,如果已选择/取消选择,则可以使用toggleStyleClass添加一个新类,其中将带有颜色:)

Alawn_Xu
2楼-- · 2020-09-16 13:51

这是我的代码。 但是我得到的是我选择的整个行的颜色。 我只需要为选中的复选框更改颜色。不需要为整个选中的行更改颜色。

查看:

<表id ="表" mode =" MultiSelect"项目=" {/}" selectionChange =" rowSelect" itemPress =" ranjith">

控制器:

rowSelect:function(oEvent)

{

var oSelectedItem = oEvent.getParameter(" listItem");

var oId = oEvent.getParameter(" listItem")。sId;

var oModel = oSelectedItem.getBindingContext()。getObject();

var oSelect = oEvent.getParameter(" selected");

if(oSelectedItem.getSelected()== true)

{

sap.ui.getCore()。byId(oId).addStyleClass(" green");

}

css:

。绿色

{

background-color:#00a600!important;

}

打个大熊猫
3楼-- · 2020-09-16 13:45

您要更改的复选框的背景色吗? 我通常不建议改写sap类,但是.....

您可以覆盖课程

 .sapMCbMarkChecked {
           背景颜色:绿色;
 } 

要更改支票,您可以覆盖

 .sapMCbBg.sapMCbMarkChecked:之前{
         红色;
 } 

一周热门 更多>