UI5 - 在JSONView中添加样式类

时间:2016-08-24 07:26:00

标签: css json controls sapui5

我有一个问题,如何在OpenUI5或SAPUI5中为JSON-Control添加新的样式类? 我找不到例子! 我需要构造函数语法!

这是我在JSON中的回复:

{
"Type": "sap.m.IconTabBar",
"id": "icontabbar_2cf94283-10ff-4b05-a912-5212a579f92e",
"items":[
    {
        "Type": "sap.m.IconTabFilter"
        "class": "tabtest"
        "content": [,…]
        "count": ""
        "icon": "sap-icon://message-information"
        "id": "icontabfilter_7e0ff4f0-9871-49da-9a4a-af048eb447a0"
        "key": "details"
        "text": "Details"
    }
]
}

2 个答案:

答案 0 :(得分:0)

对于任何控件,无论它们是预定义的控件,例如:DateTimePicker还是TextView,或者它可能是自定义控件,您可以使用addStyleClass为控件添加样式。

以下是一个例子:

Openui5预定义控件

new sap.ui.commons.TextView({
  text: "Title"
}).addStyleClass("myclass"),

自定义控制

new my.control.Custom({
  text: "Title"
}).addStyleClass("myclass"),

或者您可以指定 id ,您可以使用jquery添加样式类。

//for jsview
new sap.ui.commons.TextView("textviewid",{
  text: "Title"
});
//for xmlview
<Text id="textviewid" text="My Text" />
//Adding class in jquery
$("#textviewid").addClass("myclass");

或者只是按照@cschuff

的说明添加class="myCustomClass"

答案 1 :(得分:0)

正如SiddPs的补充一样:如果你使用XMLView,你可以添加这样的类:

<Text class="myCustomClass" text="My Text" />