Привязка в элементе управления с атрибутом «class»

Привязка к классам CSS в представлениях XML через атрибут «class» напрямую не поддерживается UI5. Однако можно реализовать обходной путь с использованием пользовательских данных:

Использование пользовательских данных для привязки

1. Добавьте пользовательские данные в свой элемент управления, установив свойство writeToDom и привязав его к желаемое выражение:

2. Определите селектор CSS, который нацелен на элемент управления на основе значения настраиваемых данных. Например:

   .myApp .sapText.myControl[data-green] { /* ... */ }

Пример

В следующем примере класс «green» добавляется к элементу управления , когда его свойство «enabled» установлено. true:

.myApp .sapText.myControl[data-green] { color: green; }
.myApp .sapText.myControl[data-red] { color: red; }

Соображения

• Хотя привязка к пользовательским данным позволяет манипулировать стилями CSS, важно учитывать следующее:
• Пользовательские стили CSS следует использовать с осторожностью, поскольку они могут повлиять на согласованность и обслуживание пользовательского интерфейса.
• Изучите альтернативные решения, такие как использование семантических классов или пользовательских средств форматирования, прежде чем прибегать к пользовательским CSS.