ViewerApiExtension Class

An extension that allows you to customize a visual part of the Web Dashboard.

Declaration

export class ViewerApiExtension extends DisposableObject implements IExtension

Remarks

To configure the Web Dashboard's visual part, refer to the ViewerApiExtensionOptions class that contains extension options.

Inheritance

DisposableObject
ViewerApiExtension

Implements

Inherited Members

constructor(dashboardControl)

Initializes a new instance of the ViewerApiExtension class.

Declaration

constructor(dashboardControl: DashboardControl, customOptions?: ViewerApiExtensionOptions)

Parameters

Type Name Description
DashboardControl dashboardControl

A Web Dashboard control that owns the extension.

ViewerApiExtensionOptions customOptions

A ViewerApiExtensionOptions object that contains the extension options.

Properties

name Property

Specifies a unique extension name.

Declaration

name: string

Property Value

Type Description
string

A unique extension name. The return value is 'viewer-api'.

Remarks

Warning

Do not change a unique name of the extension registered in the Web Dashboard in order to avoid exceptions.

requestUnderlyingData Property

Requests underlying data for the specified dashboard item.

Declaration

requestUnderlyingData: (itemName: string, args: RequestUnderlyingDataParameters, onCompleted: (result: ItemUnderlyingData) => void) => void

Property Value

Type Description
(itemName: string, args: RequestUnderlyingDataParameters, onCompleted: (result: ItemUnderlyingData) => void) => void

A lambda function that contains the component name of the dashboard item, the object containing parameters used to obtain the underlying data, and the object that references a method executed after the request is completed.

title Property

Declaration

title: KnockoutObservable<IDashboardTitle>

Property Value

Type Description
KnockoutObservable<IDashboardTitle>

Methods

canClearMasterFilter(itemName) Method

Declaration

canClearMasterFilter(itemName: string): boolean

Parameters

Type Name Description
string itemName

Returns

Type Description
boolean

canPerformDrillDown(itemName) Method

Declaration

canPerformDrillDown(itemName: string): boolean

Parameters

Type Name Description
string itemName

Returns

Type Description
boolean

canPerformDrillUp(itemName) Method

Declaration

canPerformDrillUp(itemName: string): boolean

Parameters

Type Name Description
string itemName

Returns

Type Description
boolean

canSetMasterFilter(itemName) Method

Declaration

canSetMasterFilter(itemName: string): boolean

Parameters

Type Name Description
string itemName

Returns

Type Description
boolean

clearMasterFilter(itemName) Method

Clears the specified master filter item.

Declaration

clearMasterFilter(itemName: string): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the master filter item.

Remarks

The following code shows how to clear filter values for the Grid dashboard item:

dashboardControl.GetDashboardControl().findExtension('viewer-api').clearMasterFilter();
See Also
js-DevExpress.Dashboard.ViewerApiExtension.setMasterFilter

getAvailableActions(itemName) Method

Declaration

getAvailableActions(itemName: string): Array<string>

Parameters

Type Name Description
string itemName

Returns

Type Description
Array<string>

getAvailableDrillDownValues(itemName) Method

Declaration

getAvailableDrillDownValues(itemName: string): Array<ItemDataAxisPointTuple>

Parameters

Type Name Description
string itemName

Returns

Type Description
Array<ItemDataAxisPointTuple>

getAvailableFilterValues(itemName) Method

Declaration

getAvailableFilterValues(itemName: string): Array<ItemDataAxisPointTuple>

Parameters

Type Name Description
string itemName

Returns

Type Description
Array<ItemDataAxisPointTuple>

getAvailablePredefinedRanges(itemName) Method

Declaration

getAvailablePredefinedRanges(itemName: string): Array<string>

Parameters

Type Name Description
string itemName

Returns

Type Description
Array<string>

getCurrentDrillDownValues(itemName) Method

Declaration

getCurrentDrillDownValues(itemName: string): ItemDataAxisPointTuple

Parameters

Type Name Description
string itemName

Returns

Type Description
ItemDataAxisPointTuple

getCurrentFilterValues(itemName) Method

Declaration

getCurrentFilterValues(itemName: string): Array<ItemDataAxisPointTuple>

Parameters

Type Name Description
string itemName

Returns

Type Description
Array<ItemDataAxisPointTuple>

getCurrentPredefinedRange(itemName) Method

Declaration

getCurrentPredefinedRange(itemName: string): string

Parameters

Type Name Description
string itemName

Returns

Type Description
string

getCurrentRange(itemName) Method

Returns the currently selected range in the specified Range Filter dashboard item.

Declaration

getCurrentRange(itemName: string): RangeFilterSelection

Parameters

Type Name Description
string itemName

A string that specifies the component name of the Range Filter dashboard item.

Returns

Type Description
RangeFilterSelection

A RangeFilterSelection object that is the selected range.

Remarks

Use the getCurrentRange method after the Range Filter has loaded data. When the Range Filter has no data to display, the getCurrentRange method returns null.

getCurrentSelection(itemName) Method

Returns currently selected elements in the master filter item.

Declaration

getCurrentSelection(itemName: string): Array<ItemDataAxisPointTuple>

Parameters

Type Name Description
string itemName

A string that specifies a component name of the master filter item.

Returns

Type Description
Array<ItemDataAxisPointTuple>

An array of ItemDataAxisPointTuple objects that identify currently selected elements.

getEntireRange(itemName) Method

Returns the visible range for the specified Range Filter dashboard item.

Declaration

getEntireRange(itemName: string): RangeFilterSelection

Parameters

Type Name Description
string itemName

A string that specifies the component name of the Range Filter dashboard item.

Returns

Type Description
RangeFilterSelection

A RangeFilterSelection object that is the visible range.

getItemData(itemName) Method

Returns the client data for the specified dashboard item.

Declaration

getItemData(itemName: string): ItemData

Parameters

Type Name Description
string itemName

A string that specifies the component name of the dashboard item.

Returns

Type Description
ItemData

An ItemData object that represents multidimensional data visualized in the dashboard item.

getSelectedTabPage(tabContainerName) Method

Gets the selected page in the specified tab container.

Declaration

getSelectedTabPage(tabContainerName: string): string

Parameters

Type Name Description
string tabContainerName

A string that is the tab container's componentName property value.

Returns

Type Description
string

A string that is the tab page's componentName property value.

getSelectedTabPageIndex(tabContainerName) Method

Gets the index of the selected page in the specified tab container.

Declaration

getSelectedTabPageIndex(tabContainerName: string): number

Parameters

Type Name Description
string tabContainerName

A string that is the tab container's componentName property value.

Returns

Type Description
number

A number that is the tab page's index.

performDrillDown(itemName, value) Method

Performs a drill-down into the required element.

Declaration

performDrillDown(itemName: string, value: PrimitiveType | ItemDataAxisPointTuple): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the dashboard item.

PrimitiveType | ItemDataAxisPointTuple value

An ItemDataAxisPointTuple object representing a set of axis points.

performDrillUp(itemName) Method

Performs a drill-up for the required element.

Declaration

performDrillUp(itemName: string): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the dashboard item.

setMasterFilter(itemName, values) Method

Selects required elements by their values in the specified master filter item.

Declaration

setMasterFilter(itemName: string, values: MasterFilterValues): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the master filter item.

MasterFilterValues values

Values that are used to select elements in the master filter item.

Remarks

The following code shows how to add filter values to the Grid dashboard item:

var filterValues = [['UK', 'Anne Dodsworth'], ['USA', 'Andrew Fuller']];
dashboardControl.GetDashboardControl().findExtension('viewer-api').setMasterFilter("gridSalesByState", filterValues);
See Also
js-DevExpress.Dashboard.ViewerApiExtension.clearMasterFilter

setPredefinedRange(itemName, dateTimePeriodName) Method

Selects a predefined range in the Range Filter dashboard item.

Declaration

setPredefinedRange(itemName: string, dateTimePeriodName: string): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the Range Filter.

string dateTimePeriodName

A string that specifies the predefined range name.

Remarks

Use the setPredefinedRange method after the Range Filter has loaded data. When the Range Filter has no data to display, the setPredefinedRange method returns null.

setRange(itemName, range) Method

Selects the required range in the specified Range Filter dashboard item.

Declaration

setRange(itemName: string, range: RangeFilterSelection): void

Parameters

Type Name Description
string itemName

A string that specifies the component name of the Range Filter dashboard item.

RangeFilterSelection range

A RangeFilterSelection object that specifies a range to be selected.

Remarks

Use the setRange method after the Range Filter has loaded data. When the Range Filter has no data to display, the setRange method returns null.

setSelectedTabPage(tabPageName) Method

Selects the specified tab page by its component name.

Declaration

setSelectedTabPage(tabPageName: string): void

Parameters

Type Name Description
string tabPageName

A string that is the tab page's componentName property value.

setSelectedTabPageIndex(tabContainerName, index) Method

Selects the specified tab page by its index in the specified tab container.

Declaration

setSelectedTabPageIndex(tabContainerName: string, index: number): void

Parameters

Type Name Description
string tabContainerName

A string that is the tab container's componentName property value.

number index

A number that is the tab page's index.

start Method

Contains code that is executed when you register the dashboard extension.

Declaration

start(): void

stop Method

Contains code that is executed when you unregister the dashboard extension.

Declaration

stop(): void

updateDashboardTitleToolbar Method

Fires the DashboardTitleToolbarUpdated event.

Declaration

updateDashboardTitleToolbar(): void

Remarks

The DashboardTitleToolbarUpdated event occurs before the dashboard title toolbar is updated. Use the updateDashboardTitleToolbar method to trigger the following event manually.

updateItemCaptionToolbar Method

Fires the ItemCaptionToolbarUpdated event for the specified item.

Declaration

updateItemCaptionToolbar(itemName?: string): void

Parameters

Type Name Description
string itemName

A dashboard item name for which the event is fired.

Remarks

The ItemCaptionToolbarUpdated event occurs before the dashboard item's caption toolbar is updated. Use the updateItemCaptionToolbar method to trigger the following event manually. If the itemName parameter is empty, the ItemCaptionToolbarUpdated event is fired for all dashboard items and groups.