在本教程的前一步驟 SAP UI5 初學(xué)者教程之十九 - SAP UI5 數(shù)據(jù)類型和復(fù)雜的數(shù)據(jù)綁定 里，我們已經(jīng)開發(fā)了一個具有金額和貨幣顯示的發(fā)票列表，效果如下圖所示：

本步驟我們繼續(xù)對這個發(fā)票列表添加一些額外的效果。如果發(fā)票金額大于 50，就用紅色高亮這個金額。

效果如下圖所示：

本步驟源代碼位置：https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/20

下面是詳細實現(xiàn)步驟和原理解析。

所謂表達式綁定(expression binding)，其使用場合是，當(dāng)我們需要在 UI 上顯示一些數(shù)據(jù)，這些數(shù)據(jù)并沒有在后臺直接持久化存儲，而是動態(tài)計算而成。一個最簡單易懂的例子，就是我們在 UI 顯示每個員工的年齡，但是后臺只存儲了員工的出生年份。因此，UI 顯示年齡的邏輯，可以用下列表達式來計算：

年齡 = 當(dāng)前年份 - 該員工出生年份

上面就是數(shù)據(jù)綁定話題里一個典型的表達式的例子。

回到本文的例子，我們只需要在 InvoiceList.view.xml 文件里，為列表的標(biāo)準(zhǔn)字段，numberState，綁定一個表達式：

${invoic

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定用法讲解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。