如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版

我的知识星球里一位朋友的提问：

利用 Free Style 做成 Fiori 画面里面使用 Smart Table 控件，现在想定在 Smart Table 控件右上的位置添加一个自定义按钮（取消按钮），点击之后把列表选中的数据进行取消处理。

本教程之前的文章，介绍了 SAP UI5 里 Smart Table 控件的使用方式：

• SAP UI5 应用开发教程之一百四十七 - SAP UI5 SmartTable 控件的使用介绍

• SAP UI5 应用开发教程之一百五十四 - SAP UI5 Smart Table 和 Smart Filter Bar 的联合使用方法介绍

• SAP UI5 应用开发教程之一百五十五 - SAP Smart Table 的 Personalization(个性化配置)

按照步骤 147 开发出来的效果如图：

可以看到这个 Smart Table 渲染出来的控件，不支持行项目的选择。因此本文首先解决 Smart Table 行项目的选择实现，下一篇教程再来绘制工具栏和实现按钮点击处理函数。

我们在 SAP UI5 官网, 搜索不到任何关于 sap.ui.comp.smarttable.SmartTable 这个控件 Selection-Mode 属性的说明。

再到 SAP Fiori Design Guideline 网站，查看关于 Smart Table 控件的说明：

While the grid table, analytical table, and tree table support multi-selection by default within the smart table, the responsive table does not offer any kind of selection. The selection mode can be changed.

意思是，Smart Table 的 tableType 属性中，可以指定 Grid Table，Analytical Table 和 Tree Table，这三种表格，都默认支持 Multi-Selection，唯有 Responsive Table 不支持。

那该怎么办？

别急，接着看下去。