2017-04-14 64 views
1

我有一個十進制數,所以我用objectnumber元素顯示這個。但是這個數字是粗體的,我不想要那個。我可以添加一個css類到這個元素嗎?如果不是我該如何解決這個問題?我可以在sap.m.objectnumber上添加樣式類嗎?

這是元素:

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

我試圖尋找一個樣式或類別屬性,但他們似乎並沒有讓他們中的任何一個。

回答

0

由於nistv4n之前說,emphasized屬性是availablein ObjectNuber。這解決了大膽的造型。

然後,如果您想添加自定義CSS,則可以按照API documentation中的說明設置class屬性。

這裏的功能性片段:

<!DOCTYPE HTML> 
 
<html> 
 
\t <head> 
 
\t \t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
\t \t <meta charset="utf-8"> 
 
\t \t 
 
\t \t <title></title> 
 
\t \t 
 
\t \t <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" 
 
\t \t \t id="sap-ui-bootstrap" 
 
\t \t \t data-sap-ui-libs="sap.m" 
 
\t \t \t data-sap-ui-xx-bindingSyntax='complex' 
 
\t \t \t data-sap-ui-theme="sap_bluecrystal"> 
 
\t \t </script> 
 

 

 
\t \t <script id="view1" type="sapui5/xmlview"> 
 
\t \t \t <mvc:View controllerName="my.own.Controller" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"> 
 
\t \t \t \t <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> 
 
\t \t \t </mvc:View> 
 
\t \t </script> 
 
\t \t <script> 
 
\t \t \t var myView; 
 
\t \t \t 
 
\t \t \t var myController = new sap.ui.controller("my.own.Controller", { 
 
\t \t \t \t 
 
\t \t \t }) 
 

 
\t \t \t myView = sap.ui.xmlview({viewContent:jQuery('#view1').html()}); 
 
      
 
\t \t \t // put the View onto the screen 
 
\t \t \t myView.placeAt('content'); 
 
\t \t \t 
 
\t \t </script> 
 
\t \t 
 
\t </head> 
 
\t <body id="content" class="sapUiBody"> 
 
\t </body> 
 
</html>

相關問題