SAP UI5 响应式表格 sap.m.Table 根据不同宽度的屏幕动态决定显示或隐藏 Column 的实现源代码讲解试读版

简介: SAP UI5 响应式表格 sap.m.Table 根据不同宽度的屏幕动态决定显示或隐藏 Column 的实现源代码讲解试读版

写作动机


本教程前一篇文章,笔者已经用一个实际的例子,解答了教程一位学习者对 sap.m.Table响应式布局特性的疑问:



文末我们抛出了一个引申的问题:SAP UI5 框架源代码,是如何根据 minScreenWidth 属性和当前屏幕尺寸来决定某一列应该隐藏还是该显示?这一逻辑的实现源代码,位于 SAP UI5 框架哪个位置呢?


我首先试着让 ChatGPT 来回答这个问题:


ChatGPT 的回答看似像模像样。然而笔者细读一番,不用到系统里看 ChatGPT 提到的函数名 _applyVisibility 进行验证,就觉得有点不对劲。


笔者的文章深入学习SAP UI5框架代码系列之二:UI5 控件的渲染器 曾经提到过,每个 SAP UI5 控件都有自己的渲染器,后者负责将 SAP UI5 控件定义在 XML 视图里的静态属性,以及控制器


JavaScript 文件里运行时修改的动态属性,渲染成原生的 HTML 代码。类似控件显示与否的任务,也是在渲染器文件里实现的。这些渲染器实现文件一般遵循命名规范 <控件名称>Renderer.js.


但现在 ChatGPT 说 _applyVisibility 这个函数实现在 sap.m.Column 本身,而不是在渲染器文件里,这一点就让我很怀疑了。


于是我对 SAP UI5 源代码进行了全局搜索,根本找不到名为 _applyVisibility 的函数。


bc16e315dbf356738487704426387553_64238c5b4359c4b1da65942777ed4f21.png

我继续追问 ChatGPT,这个 _applyVisibility 函数到底在哪个 JavaScript 文件里?

ChatGPT 回答说 Column.js 文件的路径在 sap.m/src/Column.js 里。


这个路径确实正确:https://github.com/SAP/openui5/blob/master/src/sap.m/src/sap/m/Column.js

但是该路径下的文件里,仍然没有 _applyVisibility 这个函数。


所以 ChatGPT 这个回答不可信。


接下来笔者会揭晓正确的答案。



相关文章
|
13小时前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
20 6
|
17小时前
Element UI 表格翻页全选
Element UI 表格翻页全选
6 0
|
2月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
2月前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
54 2
|
2月前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
113 1
|
2月前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
2月前
|
XML JSON 开发框架
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
|
2月前
|
JavaScript
vue中有关表格中的表格头中添加悬浮提示的ui问题
vue中有关表格中的表格头中添加悬浮提示的ui问题
37 1
|
2月前
|
JavaScript
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
73 1
|
2月前
|
编解码
element-ui 表格滚动条(不同分辨率)自适应问题;
element-ui 表格滚动条(不同分辨率)自适应问题;
89 1