Question

我想在sapui5应用程序中显示一些粗体文本。

例如，

欢迎用户，

视图：

Text id="t" text="Welcome"

控制器：

var oModel = new sap.ui.model.json.JSONModel();
oModel.loadData("model/data.json","",false);
var data = oModel.getProperty("/cricketers/0/name");
var text= sap.ui.getCore().byId("t");
$("#t").prepend('"'+"<b>"+data+"</b>"+'"');

我试过这种方法，但它无法帮助我。有人可以帮帮我吗？

Answer 1

这是sap.m.FormattedText的合适人选，这里是sap.m.FormattedText explored example（点击代码按钮查看代码）。

Answer 2

以下代码片段显示了如何进行。它使用sap.m.FormattedText。我改编了demokit documentation example 用例：

sap.ui.controller("view1.initial", {
  onInit: function(oEvent) {
    var oModel = new sap.ui.model.json.JSONModel();
    oModel.setData({
      HTML: "Welcome <strong>User</strong>"
    });

    this.getView().setModel(oModel);
  }
});

sap.ui.xmlview("main", {
    viewContent: jQuery("#view1").html()
  })
  .placeAt("uiArea");

<script id="sap-ui-bootstrap" src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-xx-bindingSyntax="complex" data-sap-ui-libs="sap.m"></script>

<div id="uiArea"></div>

<script id="view1" type="ui5/xmlview">
  <mvc:View controllerName="view1.initial" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc">
    <VBox class="sapUiMediumMargin">
      <FormattedText htmlText="{/HTML}" />
    </VBox>

  </mvc:View>
</script>

如何在SAPUI5中使文本的某些部分变为粗体

2 个答案: