As for Performance Dashboard, you can use global filters to provide extended analysis options in Management views.
Only one filter may be set for each criterion.
Example: Global filter in a Management view
Freely selectable dimensions are used as the filter criteria. By setting a global filter for a particular dimension in a displayed Management view, the analysis data for all affected Management view components (queries) is queried and displayed again.
A global filter for a Management view is configured in two steps:
Adaptation of the XML configuration file *_conf.xml
The XML configuration is described in the chapter on Set global filters.
Example (extract from _default_managementview_conf.xml)
...
<filterlist>
<filter name="WERKS" type="dynamic"
displaytext_dynamic="key_description"
displaylevel_dynamic="only_first">
<description language="de" name="Werk"/>
<description language="en" name="Plant"/>
</filter>
<filter name="TIME" type="time">
<description language="de" name="Zeit (variabel)"/>
<description language="en" name="Time (variable)"/>
</filter>
</filterlist>
...
Adaptation of MV structure file *.html
When using the object-based interface, you must first declare global filter components as objects and initialize them. After the HTML page loaded, the instantiated objects of the global filter components of your Management views are initialized and represented.
Declaration
You must first create each object of the global filter components of your html structure file with the new method and save it in a JavaScript variable. The MVGlobalFilterComponent object is available for this.
With the following JavaScript line, you create an MVGlobalFilterComponent object and save it in the variable mvFilter:
...
var mvFilter = new MVGlobalFilterComponent();
...
Initialization and representation
Already created global filter components are displayed by calling the init() object method in your html page. The method has the following parameters:
Parameter |
Description |
id |
Identifier of the HTML element in which the global filter component is displayed. |
The initialized global filter component is transferred to the relevant Management view components as a filter source in an array (filterMasters parameter of the init method), e.g., [mvFilter].
Example
The following file extracts show the program parts required to use global filter components in a Management view.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
...
// MVFilterComponents has to be declared here
//
var mvFilter = new MVGlobalFilterComponent();
...
function initMVComponents() {
mvFilter.init("mvNodeGlobalFilter");
mv1.init("node1", "%5CFav_1", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", [mvFilter]);
...
}
</script>
</head>
<body onload="initMVComponents();">
<div id="mvNodeGlobalFilter" style="..."></div>
...
</body>
</html>
Complete example of a structure file using global filters
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<script language="javascript"
src="../assets/javascript/mvhelper.js">
</script>
<script language="javascript"
src="../assets/javascript/linkhelper.js">
</script>
<script language="JavaScript" type="text/javascript">
initializeFlex();
// MVFilterComponents has to be declared here
//
var mvFilter = new MVGlobalFilterComponent();
// MVComponents has to be declared here
//
var mv1 = new MVFlexComponent();
var mv2 = new MVFlexComponent();
// MVComponents has to be initialized here, after
// page has been loaded
//
function initMVComponents() {
mvFilter.init("mvNodeGlobalFilter");
mv1.init("node1", "%5CFav_1", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", [mvFilter], "");
mv2.init("node2", "%5CFav_1", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", [mvFilter], "");
}
</script>
</head>
<body onload="initMVComponents();">
<div id="mvNodeGlobalFilter" style="position:absolute;
top:0px; z-index:1; width:100%;">
</div>
<div>
<table cellpadding="0" cellspacing="0" rules="none"
frame="void" border="0" bgcolor="#FFFFFF"
width="100%" height="100%">
<tbody>
<tr>
<td id="node1"></td>
<td id="node2"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>