根据后端值更改VBOX的CSS类

2020-09-06 17:32发布

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

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


HI队

我想基于后端的值动态更改CSS类 PreferredMealTileSelected

例如,如果用餐代码=" A",则class.name = PreferredMealTileSelected

如果进餐代码='B',则class.name = PreferredMealTile

class =" PreferredMealTileSelected" d ata:mealtype =" {MealCode}">

https://upload.wikimedia.org/wikipedia/zh/9/9b/SAP_AG_(logo).gif"/>


第二个问题是,我附上了CLICK。 使用附加浏览器事件的事件。 当我单击VBOX时,它成功调用了函数,并且在调试中获得了特定VBOX的ID。

现在我也想添加和删除CSS。 我尝试使用下面的语句,但是不起作用。 在"已调试"中,它的显示类已删除,但是当我回到屏幕上时,它显示了先前的CSS类。

a.removeStyleClass(" PreferredMealTileSelected");/

a.addStyleClass(" PreferredMealTile");

var oHbox = this.getView()。byId(" selectMealId");

var that = this;

oCell.attachBrowserEvent(" click",函数(事件){

}

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

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


HI队

我想基于后端的值动态更改CSS类 PreferredMealTileSelected

例如,如果用餐代码=" A",则class.name = PreferredMealTileSelected

如果进餐代码='B',则class.name = PreferredMealTile

class =" PreferredMealTileSelected" d ata:mealtype =" {MealCode}">

https://upload.wikimedia.org/wikipedia/zh/9/9b/SAP_AG_(logo).gif"/>


第二个问题是,我附上了CLICK。 使用附加浏览器事件的事件。 当我单击VBOX时,它成功调用了函数,并且在调试中获得了特定VBOX的ID。

现在我也想添加和删除CSS。 我尝试使用下面的语句,但是不起作用。 在"已调试"中,它的显示类已删除,但是当我回到屏幕上时,它显示了先前的CSS类。

a.removeStyleClass(" PreferredMealTileSelected");/

a.addStyleClass(" PreferredMealTile");

var oHbox = this.getView()。byId(" selectMealId");

var that = this;

oCell.attachBrowserEvent(" click",函数(事件){

}

付费偷看设置
发送
5条回答
葫芦娃快救爷爷
1楼-- · 2020-09-06 18:28

如果remove class不能删除,请尝试以下一种方法:

不是通过XML分配该类,而是通过代码分配它。然后在发生事件时也尝试将其删除。

Aaron 3364
2楼-- · 2020-09-06 18:10

能否给我发送代码,以获取渲染方式中HBOX的所有元素。

谢谢

Nishant

Nir深蓝
3楼-- · 2020-09-06 18:21

嗨Nishant,

尝试使用格式化程序功能。通过这种方式,您将能够验证您的后端值,如果值匹配,则只需使用addstyleclass函数更改CSS类即可。

希望这会有所帮助...

谢谢-

Abhishek

空代码
4楼-- · 2020-09-06 18:33

嗨Nishant,

您也可以尝试创建自定义控件来满足您的需求。

这样,您不应该以当前尝试的方式处理css类。

以下是Gopal Anand(也带有VBox)的示例:

https://blogs.sap.com/2017/07/21/creating-a-custom-control-in-ui5-addding-new-property-to-a-control/

这可以帮助您解决问题。

亲切的问候,

太Q了
5楼-- · 2020-09-06 18:31

HI队

谢谢大家的帮助。

但是我以不同的方式得到了解决方案。

我在自定义数据HBOX中定义了一个属性

以及CSS类。

.PreferredMealTile [data-selectedmeal =" X"] { 边框:3px实线#8283AE; }

.PreferredMealTile [data-selectedmeal =""] {; 背景颜色:#FFFFFF; cursor:pointer; }

因此,根据PreferredMealInd的值,系统会自动更改CSS值。

谢谢

Nishant

一周热门 更多>