Sapui5 什么';通过DOM对象修改控件的正确方法是什么?

Sapui5 什么';通过DOM对象修改控件的正确方法是什么?,sapui5,Sapui5,有时,我们希望添加一些自定义优化。 例如,我想在TextView中添加下划线。因此,我想将底部边框设置为“1px纯黑”,如下代码所示: 实现这样一个目标的实践是什么?在我看来,最简单的方法是修改css定义,或者用您的定义覆盖它们 哪一个取决于您的情况,如果您想将该行添加到所有文本视图中,您应该使用它的类,如果您只想将其添加到该文本视图中,您可以为其提供一个id并将样式附加到该文本视图中 使用带有id的CSS(更简单): 您需要为TextView提供一个id,然后定义该id的样式 new sap

有时,我们希望添加一些自定义优化。 例如,我想在TextView中添加下划线。因此,我想将底部边框设置为“1px纯黑”,如下代码所示:


实现这样一个目标的实践是什么?

在我看来,最简单的方法是修改css定义,或者用您的定义覆盖它们

哪一个取决于您的情况,如果您想将该行添加到所有文本视图中,您应该使用它的类,如果您只想将其添加到该文本视图中,您可以为其提供一个id并将样式附加到该文本视图中

使用带有id的CSS(更简单): 您需要为TextView提供一个id,然后定义该id的样式

new sap.ui.core.TextView("someRandomId", {
    text: "hello world"
});

#someRandomId {
    border-bottom: 1px solid black;
}
将CSS与类一起使用: 首先,您需要找出每个TextView都有哪些类。要找到它,您需要查看页面的“live dom”(例如,使用firefox,右键单击文本并按q键。突出显示的
span
由TextView创建)。找到该类后,您可以为其定义css样式。
对于文本视图,每个视图都有类
sapUiTv
,因此您可以使用该类:

.sapUiTv {
    border-bottom: 1px solid black;
}

您可以尝试向textview添加样式类。类似于'new sap.ui.core.TextView({text:'awesome text'}).addStyleClass('borderBottom')`的内容,然后在css中实现样式,并在index.html中包含应用程序的css文件