Попытка добавить стили с помощью jQuery в диалоговом окне UI5

Я пытаюсь добавить стили в заголовок диалогового окна моего приложения ui5, но эффект не применяется.

Вот код: `

onValueHelpRequest : function(oEvent) {
            var sInputValue = oEvent.getSource().getValue(), 
            oView = this.getView();
            if (!this._pValueHelpDialog) {

                this._pValueHelpDialog = sap.ui.xmlfragment(
                        "zpractice.fragment.ValueHelp", this);
                this._pValueHelpDialog.addEventDelegate({
                    
                    onAfterRendering : function(oEvent) {
                        $("#selectDialog-dialog-header-BarPH").css({
                            "background-color" : "white"
                        });
                        
                    }
                
                })
                var oDialog = this._pValueHelpDialog; 
                this.oView.addDependent(oDialog);
                oDialog.getBinding("items").filter(
                        [ new Filter("name", FilterOperator.Contains,
                                sInputValue) ]);
            }
            this._pValueHelpDialog.open(sInputValue);
        },

`

Может ли кто-нибудь помочь мне с этим?

Заранее спасибо!

Я попытался изменить фон заголовка диалогового окна на белый с помощью jQuery.

Эффект не применяется!

Почему вы хотите это сделать? А почему с jquery? Это запах двойного кода.

Marc 25.11.2022 09:29
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
50
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

$("#selectDialog-dialog-header-BarPH").css("цвет фона", "белый");

Спасибо за ответ Финси! Я пробовал, но это не работает!

Kausar 24.11.2022 10:40
Ответ принят как подходящий

Вместо того, чтобы добавлять стиль фона вручную в контроллер, вы должны стилизовать диалог в XML диалога. Если нет элемента UI5 (в связанных документах это sap.m.Button, в вашем случае это заголовок), который вы могли бы стилизовать с помощью атрибута class и соответствующих селекторов css в вашей таблице стилей, вы можете либо использовать сам диалог, либо программный подход (см. последний раздел предыдущей ссылки) или переопределить классы стилей, предоставляемые UI5. Однако этот подход не рекомендуется, поскольку он небезопасен при обновлении.

В общем, я бы крайне не рекомендовал использовать jQuery для манипулирования приложениями UI5, так как почти всегда есть лучше поддерживаемый и менее навязчивый способ добиться желаемого результата.

Также, как упоминалось в связанном документе, не следует использовать встроенную таблицу стилей, а вместо этого следует использовать внешнюю таблицу стилей (в вашем проекте). Пример для этого можно найти здесь: https://ui5.sap.com/#/topic/723f4b2334e344c08269159797f6f796.html

Другие вопросы по теме