XML 보기에서 컨트롤의 클래스 속성에 색상 변경 사항을 바인딩하는 방법은 무엇입니까?

"class" 속성을 사용하여 컨트롤에 바인딩: XML 보기에 대한 해결 방법

XML 보기에서 컨트롤의 클래스 속성을 직접 바인딩하는 것은 지원되지 않습니다. 값에 따라 원하는 색상 변경을 얻으려면 해결 방법으로 사용자 정의 데이터를 활용할 수 있습니다.

1단계: writeToDom을 사용하여 사용자 정의 데이터 추가

컨트롤 내에서 색상을 결정하는 표현식 바인딩에 writeToDom 속성이 설정된 사용자 정의 데이터를 추가합니다. 예:

<code class="xml"><Text class="myTextColor">
  <customData>
    <core:CustomData writeToDom="{= ${HintTable>IS_ENABLED} === 'TRUE' ? 'data-green' : 'data-red'}" key="color" value="" />
  </customData>
</Text></code>

2단계: 속성 선택기로 CSS 사용자 정의

CSS에서 속성 선택기를 사용하여 데이터 녹색을 기반으로 색상을 조작합니다. 또는 컨트롤에 data-red 속성이 추가되었습니다. 예를 들면 다음과 같습니다.

<code class="css">.myTextColor[data-green] {
  color: green;
}

.myTextColor[data-red] {
  color: red;
}</code>

추가 고려 사항:

• 사용자 정의 CSS 대신 의미 체계 또는 산업별 색상이 내장된 컨트롤을 사용하는 것이 좋습니다.
• SAP는 UI 일관성을 보장하고 TCO를 줄이기 위해 기본 스타일을 재정의하지 말 것을 권장합니다.
• 사용자 정의 데이터 사용에 대한 자세한 내용은 HTML DOM에 DATA-* 특성으로 데이터 쓰기 문서를 참조하세요.

위 내용은 XML 보기에서 컨트롤의 클래스 속성에 색상 변경 사항을 바인딩하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!