SAP UI5 应用开发教程之九十七 - 如何使用客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的明细页面

本教程的步骤 91,我们介绍了 SAP UI5 Master-Detail-Detail 布局的外观,如下图 gif 所示:

SAP UI5 应用开发教程之九十一 - 如何使用客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的列表页面

在这里插入图片描述

在步骤 91 里,我们仅仅开发了这个布局结构中最左边的列表页面,如下图所示:

本步骤,我们会为这个列表页面增加一个点击效果。点击任意一个行项目之后,屏幕发生变化,从纯列表显示布局,切换到 Master-Detail 布局。

如下图所示,右边这个空白页面,是左边列表点击行项目之后才显示出来的:

点击上图红色的 > 符号,会扩大左边列表区域的显示宽度:

这个点击的动态效果如下图所示

猜你喜欢

转载自blog.csdn.net/i042416/article/details/125114902