2016-10-12 2 views
0

Grid 및 GridData Layout을 사용하여 다른 화면 크기의 컨트롤을 숨기려고합니다.SAPUi5 사용 Grid 및 GridData

https://sapui5.hana.ondemand.com/#docs/api/symbols/sap.ui.layout.GridData.html 문서에 설명 된 visibleM, visibleS, visibleXL 속성을 사용하고 싶지만 작동하지 않는 것 같습니다.

다음은 JSBin Sample 코드로 visibleM, visibleS 속성이있는 Button 컨트롤을 숨기려고하는 것입니다. http://jsbin.com/nugiri/edit?html,console,output

뭔가 잘못되었습니다.

답변

1
layoutData: new sap.ui.layout.GridData({ 
        span: 'XL6 L6 M6 S12', 
        visibleM : false 

       }) 

덕분에 마침내 나를 위해 일했다. library.css에서 visibleM 속성에 의해 설정된 클래스 ".sapUiRespGridHiddenM"이 공백 ".sapUiRespGridHidden M"으로 작성되었습니다. 이것이 작동하지 않는 이유입니다.

1

JS Bin에서 따옴표를 false -> "false"에 추가하십시오.

layoutData: new sap.ui.layout.GridData({ 
    visibleM : "false", 
+0

Wen 인용문을 추가하면 오류가 발생합니다. "오류" "[email protected] : //openui5.hana.ondemand.com/resources/sap-ui-core.js : 473 : 736 [email protected] : //openui5.hana .ondemand.com/resources/sap-ui-core.js : 471 : 69 P.prototype.generate/<@https : //openui5.hana.ondemand.com/resources/sap-ui-core.js : 551 : 134 [email protected] : //openui5.hana.ondemand.com/resources/sap-ui-core.js : 468 : 1365 h <.constructor/<@https : //openui5.hana. ondemand.com/resources/sap-ui-core.js:461:896 –

+0

와우, 당신은 정확합니다. 내가 무슨 생각을했다. 이것은 참으로 불리언 offcoure해야합니다! 내가 따옴표를 제거하면 false로 설정 visibleM을 남겨두고) 전체 화면 모드 (예 : 자동 실행 JS 옆의 작은 화살표)로 예제를 실행하면 창의 크기를 조정할 때 버튼이 나타나고 다른 si를 치면 실시간으로 사라지는 것을 볼 수 있습니다 zes. 따라서 원래 코드가 정확해야합니다. –

+0

마침내 저것은 저를 위해 작동했습니다. library.css에서 visibleM 속성에 의해 설정된 클래스 ".sapUiRespGridHiddenM"이 공백 ".sapUiRespGridHidden M"으로 작성되었습니다. 이것이 작동하지 않는 이유입니다. –