在UI5中动态添加CSS到控件

Question

我正在尝试动态地向控件添加CSS属性。 我有一组RadioButton。在选择任何一个按钮时，我想让一个布局可见。 下面是我尝试的一些片段，它们似乎都没有用！

片段-1

showhide: function(){
    var fcid = sap.ui.getCore().byId("FC7");
    fcid.visibility = "hidden";
}

片段-2

showhide: function(){
    var fcid = sap.ui.getCore().byId("FC7");
    jquery('#fcid').css("visibility","hidden");
}`

代码段-3

showhide: function(){
    var fcid = sap.ui.getCore().byId("FC7");
    jquery('#fcid').hide();
}

Answer 1

您不能使用fcid.visibility = "hidden";并期望它的行为类似于DOM对象;它不是，它是一个带有getter，setter，事件，聚合等的Javascript类。

因此，您应该使用控件的属性：fcid.setVisible(true);

请参阅API文档以获取控件/布局属性的正确签名

Answer 2

你可以：

var fcid = ...byId("FC7");
fcid.setVisible(false);

或者

fcid.$().hide();   // or every other  jquery method

或者

fcid.addStyleClass("hiddenObject");

最后一个使用Css-Class：

.hiddenObject { display:none; }