主子表窗口效果介绍专题4

引子:

“本文是主子表窗口效果介绍专题介绍的终结,前面三篇介绍的是如何造出一个布局错落有致的页面,是如何做面子的方法,本文介绍的是在漂亮面子背后,如何搭建出有分析深度的业务报表架构的内容。”

正文:

在新弹出窗口中打开tab页面窗口在实际项目中需要比较广泛,其应用价值主要体现在两个场景:

1是简单的跳转效果,从一个链接位置跳转到其它相关的功能性页面。

2 是在钻取下去的窗口中,从多个角度对一个主题的数据进行分析,这种情况主要在实际作项目中会碰到。

以一个实际例子来说明:

点击上图中圈选的链接位置,可以在弹出窗口中打开下一层数据分析的窗口,如下:

重点是在上图窗口中点tab页面能在下方页面中切换报表的效果。

上面的动作就是功能性跳转,如果在上图中,点击圈选中的链接,可以打开下一个层次的页面,如下图:

在上图中,针对一片数据,从猪场和死亡原因两个角度对同一张表进行分析,分析的功能可能只是简单的有针对性的过滤条件:如,按猪场分析,就是在查询条件上有猪场的过滤功能,而按死亡原因分析,只是在参数表单上有按死亡原因分析的查询条件;但这个功能的价值要从业务角度来考虑,当你结合角度概念向客户介绍时他们会有很好的认同感。

Tab页面切换报表的页面由三个页面组成,页面框架+顶部的top页面+下方的content页面,这三个页面是在之前项目上做出来的,使用起来比较快捷,之后再做同样的效果可以直接使用。

上面的例子页面已在文章《主子表窗口效果介绍专题3》附件中上传。

热门文章