아이콘을 사용하여 모델에 따라 색상을 변경하고 싶습니다.
var wirelessHeadItem = new sap.ui.unified.ShellHeadItem({
icon: "sap-icon://upload-to-cloud"
});
아이콘의 색상을 다음과 같이 어떻게 정의 할 수 있습니까?
style: "color:{/oSettingsModel/isOnline}"
이렇게하면 oSettingsModel에서 isOnline을 변경할 때 아이콘의 색상이 변경됩니다.
음,이 컨트롤은 표준 속성을 통해 색상을 지정할 수있는 가능성이없는 것 같습니다. 따라서 사용자 지정 데이터 속성 및 표현식 바인딩을 사용하여 해결 방법을 적용 할 수 있습니다 .
요점은 사용자 정의 데이터 항목 의 writeToDom 속성을 지정할 수 있으며 CSS에서 필요한 HTML 속성 값 ( data-color-green 또는 data-color-red)에 대한 스타일을 정의 할 수 있다는 것입니다 .
JS :
var wirelessHeadItem = new sap.ui.unified.ShellHeadItem({
icon: "sap-icon://upload-to-cloud",
customData: [
new sap.ui.core.CustomData({
key: "color",
value: "{= ${/oSettingsModel/isOnline} ? 'green' : 'red' }",
writeToDom: true
});
]
});
CSS는 다음과 같습니다.
div[data-color=green] {
color: green;
}
div[data-color=red] {
color: red;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다