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

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

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

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

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

按照步骤 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 不支持。

那该怎么办?

别急,接着看下去

相关文章
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
4月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
4月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
7天前
|
JavaScript
element-ui table表格多选后再打开默认选中
element-ui table表格多选后再打开默认选中
|
4月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
1月前
|
JavaScript 前端开发 Shell
Element-ui Table表格导出功能的实现
Element-ui Table表格导出功能的实现
27 0
|
4月前
|
开发者 UED
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
|
4月前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
293 1
|
4月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版