如何在表达式绑定中使用三元运算符切换应用属性绑定？

Question

看，我有一个表格，其中使用sap.m.Table的highlight属性突出显示了重复的条目。 现在我正在尝试实现一个切换按钮，让用户决定是否要突出显示重复项。

在我的 controller 中，我创建了切换按钮 function，它切换绑定到我的表的客户端 model“compareModel”的 model 属性“compare”。

我的默认 model 是表项的 model。 绑定的“dupe”属性包含"Success"或"Error" 。

这有效：

<ColumnListItem highlight="{dupe}">
  <Text text="{myItemText}" />
  <!-- ... -->
</ColumnListItem>

现在我的问题：

我想根据是否按下切换按钮来设置highlight属性。 到目前为止，我的 表达式绑定尝试看起来像这样：

<ColumnListItem highlight="{= ${compareModel>/compare} ? ${dupe} : false }">

我试着在这里和那里加上引号，但到目前为止没有运气。 希望有人能帮助我！

Answer 1

尝试使用highlight="{= ${compareModel>/compare}? ${dupe}: undefined } 。

工作样本：

 globalThis.onUI5Init = () => sap.ui.require([ "sap/ui/core/mvc/XMLView", "sap/ui/model/json/JSONModel", // sample model. Applies also to ODataModel ], async function (XMLView, JSONModel) { "use strict"; const control = await XMLView.create({ definition: `<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" displayBlock="true" height="100%" > <App> <Page title="Toggle Highlight"> <headerContent> <Switch state="{compareModel>/compare}" customTextOn=" " customTextOff=" " /> </headerContent> <List items="{/items}"> <StandardListItem title="{myItemText}" highlight="{= %{compareModel>/compare}? %{dupe}: undefined }" /> </List> </Page> </App> </mvc:View>`, models: { "compareModel": new JSONModel({ "compare": true }), undefined: new JSONModel({ "items": [ { "myItemKey": 1, "myItemText": "A", "dupe": "Error" }, { "myItemKey": 2, "myItemText": "B", "dupe": "Success" }, { "myItemKey": 3, "myItemText": "A", "dupe": "Error" } ] }), }, }); control.placeAt("content"); });

 <script id="sap-ui-bootstrap" src="https://sdk.openui5.org/resources/sap-ui-core.js" data-sap-ui-libs="sap.ui.core,sap.m,sap.ui.layout,sap.ui.unified" data-sap-ui-async="true" data-sap-ui-oninit="onUI5Init" data-sap-ui-theme="sap_horizon" data-sap-ui-compatversion="edge" data-sap-ui-excludejquerycompat="true" data-sap-ui-xx-waitfortheme="init" ></script> <body id="content" class="sapUiBody"></body>

highlight="{=... ? ... : false }"的问题是false不是列表项的highlight属性的枚举sap.ui.core.MessageType / .IndicationColor中的有效值。 您应该会看到控制台错误报告类似的问题。

但是，对于undefined ，将应用highlight的默认值，即sap.m.ListBase控件的"None" 。