BI 前端实践 4:自定义多维分析界面

实践目标

         了解多维分析界面的构成,然后实现界面上功能的取舍定制,用frame方式把多维分析嵌入自己的界面。

解析多维分析界面

         dept_manage表的数据做多维分析,下面是完整的study2.jsp以及展示页面

6png

..

         主要有三个部分:上部工具条、分析操作区域、分析结果报表窗口(允许有多个报表窗口)。上部工具条是一些功能按钮;分析操作区域可以连续创建多个分析报表,每个报表针对不同的数据集。

控制功能按钮的显隐

 ..     

 

         顶部的工具条只想显示保存/打开两个按钮,用JS变量guideConf.analyseButs控制,想显示第几个按钮,就把相应位置增加上:

         <script>
         guideConf.analyseButs = "1,2";//工具栏八个按钮的显示隐藏,默认显示前6
         </script>

限制界面用户管理数据集

 ..

 

         数据集的管理,不想暴露给界面用户时,设置guideConf.canEditDataSet='no'

         <script>
         guideConf.canEditDataSet = 'no';//是否出现编辑数据集的按钮
         </script>

隐藏整个工具条

..

         工具条和自己系统风格不相符,想在其它区域自定义功能按钮,把系统自带的工具条去掉,设置guideConf.showToolBar = 'no'

         <script>
         guideConf.showToolBar = 'no';//是否显示上部工具条
         </script>

把多维分析嵌入自己页面

..

         多维分析页面(study2.jsp)被嵌入到这个大页面的下部,上部frame是随意内容的另外一个jspstudyTop.jsp),它们都嵌入在主页面studyMain.jsp中:

..

 

保存/打开嵌入的多维分析

         ..

         多维分析页面提供了JS API方法analyseApi.saveOlap()保存olapanalyseApi.openOlap()打开olap,在自己制作的顶部frame中加入两个按钮,用跨frame 进行js调用,实现在外部控制多维分析页面。

..

         点击按钮,打开、保存弹出框就能正常工作了:

..

..