Свойства и привязки стилей

Каждое свойство любого веб-компонента в Конструкторе UI является привязываемым, что означает, что к нему можно обращаться с помощью Привязок для реализации всех видов бизнес-логики приложения. Пользовательские свойства стилей CSS не являются исключением, и есть несколько способов использовать привязки SberMobile, используя их вместе со свойствами стилей компонентов:

  • Изменение значения пользовательского свойства стиля CSS непосредственно с помощью выражения (не рекомендуется)

  • Изменение значения свойства Пользовательские классы при заранее написанном CSS для класса(ов) (рекомендуется)

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

Помните, что такой подход предполагает дополнительный обмен данными с SberMobile Server и может привести к возможным осложнениям, связанным с производительностью.

Изменение значения пользовательского стиля CSS

Этот метод не является оптимальным способом обработки обновления стилей компонентов, но вполне возможен при необходимости. Причины, по которым следует избегать именно этого подхода, следующие:

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

  • Сложно обслуживать и устранять неполадки, так как стили доступны только из Выражения расширенного поиска в коде выражения, а выполнение привязки отключено в Конструкторе UI.

Обновлено значение пользовательских классов

Предпочтительным способом обработки динамических обновлений стилей компонентов является использование свойства Пользовательские классы:

  • Добавьте стили для всех возможных случаев в свойство Стиль контейнера компонента, используя набор выбранных классов HTML для предварительного создания правил CSS.

  • Затем обновите значение свойства Пользовательские классы компонента с помощью привязки, используя одно из предопределенных имен классов.

Этот метод использует лишь небольшой бит строковых данных для передачи в качестве имени (имен) класса при выполнении привязки между сервером и веб-интерфейсом. Кроме того, так гораздо проще устранять неполадки, поскольку все стили доступны в Конструкторе UI, и вам просто нужно изменить текущее значение Пользовательских классов компонента, чтобы увидеть применение стилей на инструментальной панели.