SAP UI5 Smart Table 和 Smart Filter Bar 的联合使用方法介绍

简介: SAP UI5 Smart Table 和 Smart Filter Bar 的联合使用方法介绍

SmartTable 的 _onMetadataInitialised 方法里:

41f1919e819c6521b374d74552d9e2c6.png

如果标志位 bIsInitialised 已经赋值,说明已经初始化过了,直接返回。

这里说明 SmartTable 有一个自动调整宽度的属性设置:getEnableAutoColumnWidth

e5042e99e19762a01f0b8e9fa3e31d98.png

拿到 Table view 的metadata:

623f5d7795cf798e185a26f4dbfffa1b.png

这里读取 XML 视图里是否允许 Smart Table 进行 Excel 导出的属性设置:

d6e9b8c9a323bb63adfb7a0dfff4eadd.png

creates VariantMngmntCtrl if useVariantManagement OR useTablePersonalisation is true.


如果 useVariantManagement 或者 useTablePersonalisation 任意一个属性为 true,则创建 Variant management 相关的控件:

9bcaa123dbb870f0f13812bca44b7349.png

这里读取 Personalization 几个 panel 是否已经被启用:

ddd289b7c4ba69cf0dfb31d846b9d80a.png

这里还根据操作系统的不同来添加对应的配置:

5211a3c7bb93aedef2f64325b95c7c16.png

ShortcutHintsMixin.addConfig(
          this._oTablePersonalisationButton, {
            messageBundleKey: Device.os.macintosh
              ? "SMARTTABLE_SHORTCUT_SHOW_SETTINGS_MAC" : "SMARTTABLE_SHORTCUT_SHOW_SETTINGS"
          },

使用 Gateway Service 来进行 Smart Table 的 excel 导出:

SmartTable.prototype._triggerGWExport

554beddd6e3759135ba1c3b9357b1979.png

对于 Smart Control,保留的更改包括用于查询表结果的过滤器的定义,以及对表进行的所有更改,包括表个性化、列的可见性等。 由于我们想要提供可以在本地 Web 服务器上运行的独立示例,因此我们没有连接到可以持久保存更改以便以后可以检索它们的真实的远端服务器。 因此,在我们的示例中,更改仅保留在当前用户会话中。


Smart Table 中 Save View 几个 checkbox 的含义解释:

8f1b9d1d23029b0f706d1cb3819f3a5e.png

在这个对话框中,我们指定了这个视图的持久化名称,在我们的例子中是 With Currency EUR。 使用设置为默认值,我们还可以指定在导航到此特定 UI 时是否始终在最初使用此视图(因为在我们的示例中,我们仅在一个浏览器会话中持续存在,因此此设置无效)。使用自动应用,我们定义查询是自动触发的。


Public 背后的想法是,可以自动向所有用户提供一些由多个用户使用的流行但可能相当复杂的查询设置。 此 Public 选项仅在真实服务器上运行时有效,而不像我们的示例中那样在 Mock Server 上运行。

相关文章
|
2天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
33 0
|
2天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
18 0
|
2天前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
26 0
|
2天前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
37 0
|
2天前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
36 0
|
2天前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
22 0
|
2天前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
24 0
|
2天前
|
Web App开发 前端开发 JavaScript
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
53 0
|
2天前
|
开发者 UED
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
17 0
|
2天前
让 SAP UI5 应用的日志打印变得五彩缤纷试读版
让 SAP UI5 应用的日志打印变得五彩缤纷试读版
99 2