ExactBrowser

Introduction

ExAct is a navigation tool which combines searching, facetted browsing combined with exploratory analytics and actions of the business objects instances. This represents a good part of a typical navigation chain into an application.

ExAct stands for Explore and Act: Explore - find and understand information/data, Act -do whatever your business task requires you to do with this data.

The ExAct layout is separated into three areas: a search area, where a simple search field (see SearchField control) can be used to take the query; a browse area to define further filters; and the view area, where the visualization of the result as charts, maps, data sets including the actions are located.

The ExcatBrowser control represents the browse section where the lists of filter attributes (left-most) and the attribute-value lists of the selected attributes are displayed. In the browse area the user sets the filters that then determine the resulting data set.


Basic Example

The aggregation attributes allows to define the tree-like attributes structure used in the ExactBrowser control. For this purpose the element sap.ui.ux3.ExactAttribute must be used. The first level of attributes defines the content of the left-most attribute list, the second level defines the attribute values of these attributes, and so on.

The event supplyAttributes of the ExactAttribute is fired when the control tries to access the sub-attributes of the attribute for the first time (property supplyActive must be true). So the handler of this event can be used as supply function for the sub values. The idea is that a supply function is called only once when the data is requested. It is possible to add the next level of attributes there or define the next binding level (see data binding example). After firing the event, the property supplyActive is automatically set to false.
The sub-attributes indicator which is a little arrow beside an attribute in the list is normally computed automatically. But in the case that a supply function is attached, and the supplyActive attribute has value true, then the ExactAttribute needs a hint if sub attributes are available. The property showSubAttributesIndicator is used for this purpose.

Beside the attributes aggregation the ExactBrowser control provides several properties to define dimensions, titles and visual appearance of the control. It is also possible to attach a Menu to the header of the first attribute list (aggregation optionsMenu). The event attributeSelected of the ExactBrowser is fired each time the user selects or deselects an attribute.

The following example shows a simple usecase with programmatically created attributes.

The following example is similar to the first one but with a hidden top list. In this mode the option menu and the top list is hidden. Because the user cannot select any attributes in the top list the application has to take care that the necessary attributes are pre-selected.



Databinding Example

The following example is similar to the first one. The only difference is that a JSON Model is used to generate the attributes (Please refer to sample one to see the data). It is also shown how the "lazy loading" mechanismn of the attributes can be used.

API Documentation

API documentation