当我们单击sapui5中的复选框时,如何更改复选框的颜色?

2020-09-16 13:22发布

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

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


我正在使用多选模式在表格中显示复选框。 选中复选框后如何更改复选框的颜色。

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

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


我正在使用多选模式在表格中显示复选框。 选中复选框后如何更改复选框的颜色。

付费偷看设置
发送
4条回答

Ranjith,您好

使用getSelectedItems()单击自定义样式类时如何将其应用于复选框

此致

Srinivasan

四川大学会员
2楼-- · 2020-09-16 14:09

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

查看:

<表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(oSelect === true)

{

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

}其他{

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

}

}

css:

。绿色

{

background-color:#00a600!important;

}

spaceman01
3楼-- · 2020-09-16 14:09

海兰吉斯,

您可以尝试以下代码吗?

在表的selectionChange事件下,

 _handleSelection:函数(oEvent){
           var oSelect = oEvent.getParameter(" selected");
           var oId = oEvent.getParameter(" listItem")。sId;
           if(oSelect === true){
           sap.ui.getCore()。byId(oId).addStyleClass(" color-class");
           }
           其他{
           sap.ui.getCore()。byId(oId).removeStyleClass(" color-class");
           }
           }
 

在css中添加类,

 .color-class {
 背景色:浅灰色!重要;
 }
 

谢谢

穆辛

落灬小鱼
4楼-- · 2020-09-16 13:56

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

查看:

<表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(oSelect === true)

{

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

}其他{

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

}

}

css:

。绿色

{

background-color:#00a600!important;

}

一周热门 更多>