الربط في التحكم باستخدام سمة "الفئة"

الارتباط بفئات CSS في طرق عرض XML من خلال سمة "الفئة" لا يدعمه UI5 مباشرة. ومع ذلك، يمكن تنفيذ حل بديل باستخدام البيانات المخصصة:

استخدام البيانات المخصصة للربط

1. أضف بيانات مخصصة إلى عنصر التحكم الخاص بك، وقم بتعيين خاصية writeToDom وربطها بـ التعبير المطلوب:

2. حدد محدد CSS الذي يستهدف عنصر التحكم بناءً على قيمة البيانات المخصصة. على سبيل المثال:

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

مثال

في المثال التالي، تتم إضافة الفئة "الخضراء" إلى عنصر التحكم عندما تكون الخاصية "الممكّنة" الخاصة بها صحيح:

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

الاعتبارات

• بينما يسمح الارتباط بالبيانات المخصصة بمعالجة أنماط CSS، فمن المهم مراعاة ما يلي:
• يجب استخدام أنماط CSS المخصصة بحذر، لأنها يمكن أن تؤثر على اتساق واجهة المستخدم وصيانتها.
• استكشف الحلول البديلة، مثل استخدام الفئات الدلالية أو التنسيقات المخصصة، قبل اللجوء إلى التنسيقات المخصصة CSS.