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 객체처럼 행동하기를 기대할 수는 없다; fcid.setVisible(true);

제어/레이아웃의 올바른 서명에 대한 API 문서를 참조하십시오 : 당신은 대신 컨트롤의 속성을 사용한다, 그것은

따라서 게터, 세터, 이벤트, 집계와 자바 스크립트 클래스 등이다, 아니다 속성

Answer 2

할 수 있습니다 :

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

또는

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

또는

fcid.addStyleClass("hiddenObject"); 

CSS는 클래스와 마지막 하나

.hiddenObject { display:none; }