多页面的标签支持,完成了不同页面之间业务的多现实的场景。但是同一页面下,关联业务的展现方式,如果可以通过多层级页面的支持,则加大单个页面丰富业务的展现手段,丰富操作的同时,可以更加直观的完成相同业务的处理过程。
- 层级多页
多标签页面虽然可以支持多页面共同存在的业务场景,但单页面中仍然需要嵌入页面的方式来丰富单页面中不同业务处理的需求。层级多页可以完成单页面中,多个页面,不同业务共同展现的形式,结合标签多页以及层级多页可以通过不同的页面展现的方式,丰富业务的场景需求。
层间多页通常分为三个类型,根据不同的需要来支持不同的功能。包括:密你页、编辑页、内嵌页。
- 处理过程
层级页面加载可以通过触发事件来指定特殊的处理过程,包括:前置回调、成功回调、关闭回调。
前置回调,页面加载之前预置处理过程,窗体显示之前完成的自定义过程。 成功回调,页面加载之后成功处理过程。 关闭回调,可以分为两个处理过程,一是取消页面回调处理过程,二是关闭页面回调处理过程。针对不同的操作过程来完成关闭页面类处理过程。
- 层级优先
多种层级页面存在显示优先的处理,迷你页 > 编辑页 > 内嵌页。根据不同页面处理业务内容的过程以及功能所带有的含义,划分的多层页面显示的层级优先。
- 迷你页
正如其名,页面显示所占篇幅较小,可以完成简单的页面内容嵌入,嵌入的方式通过页面首先声明元素,出于隐藏状态。当需要通过迷你页面显示时,迷你页作为元素容器填充事先声明的元素通过拷贝的方式进行显示。迷你页关闭之后,作为容器内的元素删除,容器删除。
迷你页由于所占篇幅较小,多用于元素较少的页面,如元素较少的编辑,特殊的消息提醒等。
引用代码,框架为JQuery作为基础,控件为Layer作为功能。
...
- 编辑页
编辑页加载过程与迷你页基本相同,不同的只有页面篇幅通过加载元素的尺寸进行显示。编辑页主要提供表单类元素的处理过程,或者树形结构的编辑功能,主要提供的方面为编辑类的页面场景。所以,该类页面称之为编辑页。
...
- 内嵌页
与迷你页和编辑页不同,内嵌页同标签页加载内容相同,都为独立页面,区别在于内嵌页归属于标签页面之中,存在一个归属性质。另一个区别,内嵌页可以使用迷你页以及编辑页,完成需要的业务场景。
内嵌页加载过程仍然通过页面路径完成整体页面的加载,不同于迷你页和编辑页使用事先定义好的页面元素来完成加载。
...
JQuery更多使用说明,参考JQuery官方网站。
LayUI(Layer)所有使用方式,参考LayUI官方网站,了解更多功能。