BIEE样式二次开发简介(仪表盘).doc

OBIEE仪表盘提示器客户化OBIEE仪表盘提示器客户化作 者：甘闪闪创建日期：2011-9-11更新日期：2011-9-11控制编码：版本号：1.0 拷贝编号：_1.文档控制1.1更新记录3日期作者版本更改说明2011-9-11甘闪闪1.0原始文档1.2审阅姓名职位1.3分发编号.姓名职位1234备注:出于文档管理的目的，如果您收到了本文档的电子版本，请打印出来并在封面的相应位置写上您的名字。出于文档管理的目的，如果您收到了本文档的纸介质版本，请在封面写上您的名字。目 录1.文档控制ii2.前言42.2系统要求43.设计思路以及原理53.1步骤54.已解决及未解决的问题104.1未解决的问题104.2已解决的问题1013HAND Confidential - For Internal use only2.前言OBIEE国际化主要体现在多语言设置方面，本文档主要介绍如何对BIEE的展现层主题、事实表、指标以及维度表、维度字段等进行多语言设置。2.1系统要求1. OBIEE，本文档使用的是OBIEE .1版本。3.设计思路以及原理1. OBIEE提供仪表盘提示器（Dashboard Prompt）用于对仪表盘中的报表进行筛选，一般来说，一个仪表盘页中会包含多个仪表盘提示器，每个仪表盘提示器都会包含“执行”按钮，每次选择提示器条件时都需要点击对应的“执行”按钮。这个设计就会给客户操作带来一些不便，尤其是启动仪表盘提示器级联查询时，就必须把同类型的条件放在一个仪表盘提示器中，这样就会导致一个仪表盘中存在多个仪表盘提示器，每次选择提示器条件时都需要点击对应的“执行”按钮。2. 同时，用户在选择仪表盘提示器条件后，有时候需要完成重置各个仪表盘提示器条件的操作。传统的做法是每个仪表盘提示器重置一次，这个就为客户操作带来不便。3. 为了解决以上两个问题，我们需要对OBIEE的相关Web JS代码和CSS代码进行客户化开发，以及在OBIEE的仪表盘中使用“文本”组件添加需要的HTML和JS代码。4. 我们最终需要的效果如下图：客户化之前：客户化之后：3.1步骤步骤3.1.1、3.1.2、3.1.3为了隐藏提示器中原有的“执行”按钮，但是如果我们给提示器设置限制选取，则就会出现“执行”按钮无法隐藏的效果。所以，我们可以省去这三步。3.1.1（可选） 修改calendar.js注：webappresb_mozillacalendar.js是OBIEE部署在IIS中的路径，如果OBIEE采用默认部署在OC4J上，则是oc4j_bij2eehomeapplicationsanalyticsanalyticsresb_mozillacalendar.js在webappressk_oracle10b_mozilla_4calendar.js的Function DoLoad() 后面添加如下JS代码：var tCustomTagX = ;trytCustomTagX = document.getElementById(customTag); / Need to create a hidden input as customTag in the reportcatch(e)tCustomTagX = ;tryif(tCustomTagX.value = customTag)custom_hideGoButton();catch(e)然后，在将如下代码添加到calendar.js后面：function custom_hideGoButton()tryvar aElm=document.getElementsByTagName(span);for(var i=0; i -1)aElmi.style.display = none;/if/ for/ trycatch(e)alert(Error in calendar.js sranka : + e);3.1.2（可选）在OBIEE的仪表盘上添加一个隐藏“文本”组件代码如下：注：必须保证“文本”组件为这个仪表盘页的第一个组件。3.1.3（可选）在OBIEE的仪表盘上添加一个隐藏“执行”按钮的“文本”组件代码如下：tryvar aElm=document.getElementsByTagName(span);for(var i=0; i -1)aElmi.style.display = none;/if/ for/ trycatch(e)alert(XXX + e);3.1.4修改globalfilterprompts.js注：webappresb_mozillapromptsglobalfilterprompts.js是OBIEE部署在IIS中的路径，如果OBIEE采用默认部署在OC4J上，则是oc4j_bij2eehomeapplicationsanalyticsanalyticsresb_mozillapromptsglobalfilterprompts.jsfunction GFPDoFilters_samvi(sViewID, tTable, bGFPReloadInline)/ RIE: calling GFPDoFilters in preview mode/ doesnt do anything so we are going to just returnif(sViewID = ksGFPStatePath) / ksGFPStatePath = o:previewg:globalfilterreturn;var tExpr = XUICreateElement(saw.xml.kSawxNamespace, expr);tExpr.setAttribute(xsi:type, sawx:logical);tExpr.setAttribute(op, and);for (var h = 0; h tTable.length; +h)var tPromptCells_New = tTableh.getElementsByTagName(TD);for (var i = 0; i tPromptCells_New.length; +i)var tElement = tPromptCells_Newi;if (tElement.getAttribute(GFPBuilder) != null)tryvar tFilter = eval(tElement.getAttribute(GFPBuilder);if (tFilter)tExpr.appendChild(tFilter);catch (e)alert(XXXX + e);return;/*var tPromptCells = tTable.getElementsByTagName(TD);for (var i = 0; i tPromptCells.length; +i)var tElement = tPromptCellsi;if (tElement.getAttribute(GFPBuilder) != null)tryvar tFilter = eval(tElement.getAttribute(GFPBuilder);if (tFilter)tExpr.appendChild(tFilter);catch (e)alert(e);return;*/var tDelayedDash = document.getElementById(sawDashboardDelayed);if (tExpr.childNodes.length = 0 & !document.getElementById(sawDashboardDelayed)return false;else if (tExpr.childNodes.length = 0)tExpr = null;else if (tExpr.childNodes.length = 1)tExpr = tExpr.childNodes0;if (tExpr)tExpr.setAttribute(xmlns:xsi, /2001/XMLSchema-instance);/ inline report load support on dashboard/ now we have a switch to control whether we do it inlinevar tForm = GetViewForm(, -1, bGFPReloadInline);if (sViewID = ksGFPStatePath) / the view id (for GFP preview) is recently changed to this/tForm.P1.value = saw.getXmlText(document.getElementById(idXUIGFPPreview); /this doesnt workvar tRoot = XUIGetRootXML(idXUIGFPPreview);tForm.P1.value = saw.getXmlText(saw.getFirstChildElement(tRoot);tForm.action = mandToURL(ViewPreview);submitViewForm(tForm,null);return;GFPApplyFilters(tForm,tExpr, sViewID);return false;3.1.5修改common.css注：webappressk_oracle10b_mozilla_4common.css是OBIEE部署在IIS中的路径，如果OBIEE采用默认部署在OC4J上，则是oc4j_bij2eehomeapplicationsanalyticsanalyticsressk_oracle10b_mozilla_4common.css在common.css后面追加如下CSS代码：/* - */* HTML mini button definitions by customed */* - */.XUIPromptEntry01font-size: 8pt;vertical-align: top;padding: 2px 0px 2px 0px;white-space: nowrap;.minibutton01.minibuttonOn01font-size: 12pt;font-weight: bold;color: black;text-decoration: none;white-space: nowrap; height: 25px; width: 30px; /*background-color: #FF9224;*/ margin: 1px 1px 1px 1px;.minibuttonOn01 A, .minibuttonOn01 A:link, .minibuttonOn01 A:visited, .minibuttonOn01 A:hoverpadding: 0px 6px 0px 0px; /*margin: 5px 5px 20px 1px;*/color: #586073;border-width: 1px;border-style: solid;/*border-color: #A5A9B6 #7B8194 #7B8194 #A5A9B6*/*background-color: #DEDEDE;*/text-decoration: none;/*height: 25px;*/ /*width: 50px;*/ background-position: center;background-image: url(button_back.gif);background-repeat: repeat-x;.minibuttonOn01 A:hoverborder-color: #000000;background-position: center;background-image: url(button_back_over.gif);background-repeat: repeat-x;3.1.6在每个仪表盘页的提示器部分的最后添加一个“文本”组件文本组件中得代码如下：function customCall()tryvar aElm=document.getElementsByTagName(table);var tTableArray = new Array();var k