Я пытаюсь добавить стили в заголовок диалогового окна моего приложения 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.
Эффект не применяется!
$("#selectDialog-dialog-header-BarPH").css("цвет фона", "белый");
Спасибо за ответ Финси! Я пробовал, но это не работает!
Ваш ответ может быть улучшен с помощью дополнительной вспомогательной информации. Пожалуйста, отредактируйте , чтобы добавить дополнительные сведения, такие как цитаты или документация, чтобы другие могли подтвердить правильность вашего ответа. Вы можете найти больше информации о том, как писать хорошие ответы в справочном центре.
Вместо того, чтобы добавлять стиль фона вручную в контроллер, вы должны стилизовать диалог в XML диалога. Если нет элемента UI5 (в связанных документах это sap.m.Button
, в вашем случае это заголовок), который вы могли бы стилизовать с помощью атрибута class
и соответствующих селекторов css
в вашей таблице стилей, вы можете либо использовать сам диалог, либо программный подход (см. последний раздел предыдущей ссылки) или переопределить классы стилей, предоставляемые UI5. Однако этот подход не рекомендуется, поскольку он небезопасен при обновлении.
В общем, я бы крайне не рекомендовал использовать jQuery для манипулирования приложениями UI5, так как почти всегда есть лучше поддерживаемый и менее навязчивый способ добиться желаемого результата.
Также, как упоминалось в связанном документе, не следует использовать встроенную таблицу стилей, а вместо этого следует использовать внешнюю таблицу стилей (в вашем проекте). Пример для этого можно найти здесь: https://ui5.sap.com/#/topic/723f4b2334e344c08269159797f6f796.html
Почему вы хотите это сделать? А почему с jquery? Это запах двойного кода.