本教程的步骤 91,我们介绍了 SAP UI5 Master-Detail-Detail 布局的外观,如下图 gif 所示:
SAP UI5 应用开发教程之九十一 - 如何使用客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的列表页面
在步骤 91 里,我们仅仅开发了这个布局结构中最左边的列表页面,如下图所示:
本步骤,我们会为这个列表页面增加一个点击效果。点击任意一个行项目之后,屏幕发生变化,从纯列表显示布局,切换到 Master-Detail 布局。
如下图所示,右边这个空白页面,是左边列表点击行项目之后才显示出来的:
点击上图红色的 >
符号,会扩大左边列表区域的显示宽度:
这个点击的动态效果如下图所示