2020-09-16 13:22发布
加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)
我正在使用多选模式在表格中显示复选框。 选中复选框后如何更改复选框的颜色。
Ranjith,您好
使用getSelectedItems()单击自定义样式类时如何将其应用于复选框
此致
Srinivasan
这是我的代码。 但是我得到的是我选择的整个行的颜色。 我只需要为选中的复选框更改颜色。不需要为整个选定的行更改颜色。
查看:
<表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;
海兰吉斯,
您可以尝试以下代码吗?
在表的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 { 背景色:浅灰色!重要; }
谢谢
穆辛
最多设置5个标签!
Ranjith,您好
使用getSelectedItems()单击自定义样式类时如何将其应用于复选框
此致
Srinivasan
这是我的代码。 但是我得到的是我选择的整个行的颜色。 我只需要为选中的复选框更改颜色。不需要为整个选定的行更改颜色。
查看:
<表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;
}
海兰吉斯,
您可以尝试以下代码吗?
在表的selectionChange事件下,
在css中添加类,
谢谢
穆辛
这是我的代码。 但是我得到的是我选择的整个行的颜色。 我只需要为选中的复选框更改颜色。不需要为整个选定的行更改颜色。
查看:
<表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;
}
一周热门 更多>