[]
实战的3个场景,需要一个母版页,本章节我们创建一个导航母版页。
在活字格设计器中,创建母版页面,选择默认的一个母版页即可,名称:导航母版页。

创建之后的母版页如下图,我们讲解一些点。
顶部信息栏,使用了一个弹性布局(两端对齐的方式),具体配置就不讲解了,可以看官方生成的属性配置。
下方两部分,左侧为菜单,右侧为页面占位区。
页面占位区,实际上是用于显示普通页面的。当页面有了母版页之后,页面显示时,将会显示在页面占位区部分。
图中可以看到,AO列的列宽,以及26行的行高,都设置了范围模式,表示运行之后,浏览器的宽度和高度有剩余时,将会在AO列拉宽,26行的行高会拉高,以达到页面占位区的部分整个充满浏览器的剩余空间。

去掉%PageName%单元格内容,将调整页面占位区大小,增大页面占位区的区域,如下图。

在活字格设计器页面,创建几个空白页面:仪表板页面,列表页面,表单页面。

然后,给这3个页面,都设置母版页为导航母版页,给这几个页面设置了母版页,表示在运行时,显示这几个页面时,这几个页面带导航母版页一起显示,并且页面在母版页的页面占位区中显示。

设置仪表板为启动页面,运行查看效果,仪表板页面(空白)以及它的母版页都正常显示出来。目前菜单还没有导航跳转的能力,接下来我们配置菜单的导航跳转能力,让运行时,点击菜单就可以打开各个页面。

选中母版页中的菜单,打开编辑菜单项目对话框,将一级菜单1下的二级菜单,改成 仪表板页面。

点击编辑命令,设置页面跳转命令,选择仪表板页面。

按上面的步骤,配置跳转列表页面,表单页面,如下图,文本和命令都配置好。

运行,点击左侧的菜单仪表板菜单,列表页面,或者表单页面,中间页面会显示对应的仪表板页面,列表页面,表单页面。示例页面中没有内容,看起来都是空白的。可以在页面随意给一些信息,运行可以看到效果。此处不再演示。

本章节构建好了导航母版页,后面章节将构建仪表板页面,列表页面,以及表单页面,运行使用的都是此母版页面。