通过DOM对象修改控件的正确方法是什么？

Question

有时我们想添加一些自定义优化。 例如，我想在TextView中添加下划线。所以我想将底部边框设置为“1px solid black”，如下面的代码所示：

http://jsbin.com/gozidiqote/edit?html,css,js,output 实现这一目标的做法是什么？

Answer 1

在我看来，最简单的方法是更改​​css定义，或者用你的内容覆盖它们。

哪一个取决于你的情况，如果你想将这一行添加到所有TextViews你应该使用它的类，如果你只想将它添加到它，你可以给它一个id并附加样式。< / p>

使用带ID的CSS（更简单）：

您需要为TextView指定一个ID，然后定义该ID的样式

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

#someRandomId {
    border-bottom: 1px solid black;
}

在课堂上使用CSS：

首先你需要找出每个TextView都有哪个类。要找到它，你需要调查＆＃34; live-dom＆＃34;您的页面（例如，使用firefox，您右键单击文本并按 q ，突出显示的span由TextView创建）。当你找到这个课时，你为它定义了一个css风格 对于TextView，每个都有类sapUiTv，因此您可以使用它：

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