Question

我有一个十进制数，所以我用objectnumber元素显示它。但数字是粗体，我不希望这样。我可以在这个元素中添加一个css类吗？如果不是我怎么解决这个问题？

这是元素：

<ObjectNumber
    number="{
        path: 'PriceIBTW',
        formatter: '.formatter.moneyFormatter'
    }"
    unit="{Valuta}"/>

我试过寻找一个样式或类属性，但它们似乎没有其中任何一个。

Answer 1

是的，你可以在没有自定义CSS的情况下做到这一点。 ObjectNumber有一个名为emphasized的专用属性。将其设置为false（默认设置为true）。

相关API文档：https://sapui5.netweaver.ondemand.com/#docs/api/symbols/sap.m.ObjectNumber.html

Answer 2

正如 nistv4n 之前所说，emphasized属性在ObjectNuber中可用。这解决了大胆的造型。

然后，如果您想添加自定义CSS，可以按照API documentation中的说明设置class属性。

这是一个功能代码段：

＆＃13;

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta charset="utf-8">
		
		<title></title>
		
		<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" 
			id="sap-ui-bootstrap"
			data-sap-ui-libs="sap.m" 
			data-sap-ui-xx-bindingSyntax='complex'
			data-sap-ui-theme="sap_bluecrystal">
		</script>


		<script id="view1" type="sapui5/xmlview">
			<mvc:View controllerName="my.own.Controller" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core">
				<Panel>
                <HBox>
                  <Label text="Standard ObjectNumber: " />
                  <ObjectNumber number="25" unit="EUR" />
                </HBox>
                <HBox>
                  <Label text="ObjectNumber without emphasized number: " />
                  <ObjectNumber number="25" unit="EUR" emphasized="false" />
                </HBox>
                <HBox>
                  <Label text="ObjectNumber with CSS class: " />
                  <ObjectNumber number="25" unit="EUR" class="sapUiMediumMarginBegin"/>
                </HBox>
         </Panel>
			</mvc:View>
		</script>
		<script>
			var myView;
			
			var myController = new sap.ui.controller("my.own.Controller", {
				
			})

			myView = sap.ui.xmlview({viewContent:jQuery('#view1').html()});
          
			// put the View onto the screen
			myView.placeAt('content');
			
		</script>
		
	</head>
	<body id="content" class="sapUiBody">
	</body>
</html>

＆＃13;

我可以在sap.m.objectnumber上添加样式类吗？

2 个答案: