通過本教程前一步驟SAP UI5 初學者教程之二十一 - SAP UI5 的自定義格式器 Custom Formatter的學習，我們已經得到了一張發票列表：

本步驟我們更進一步，給這個列表添加一個搜索框，用戶可以在搜索框里輸入關鍵字，從而對列表內的發票進行過濾，提升用戶使用體驗。

按照本步驟教程完成之后的發票列表顯示如下圖所示：

在搜索框里輸入關鍵字比如 Salad，就能對發票列表進行過濾，僅顯示發票模型里 ProductName 字段里包含 Salad 的那些發票行項目。

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

下面是詳細實現步驟。

(1) 首先在發票列表的工具欄里繪制一個搜索框。打開 Invoices.view.xml 文件

總結

以上是生活随笔為你收集整理的SAP UI5 初学者教程之应用开发 - 过滤器 filter 的开发和使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。