[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Collapse]Report and Dashboard Server
 [Expand]Installation
  License and Distribution
 [Expand]Administrative Panel
 [Expand]Create Reports
 [Collapse]Create Dashboards
   Create and Customize a Dashboard
   Bind a Dashboard to Data
   Add Dashboard Items and Perform Basic Data Shaping
   Customize the Dashboard Appearance
   Provide Interactivity to the Dashboard
   Create a Calculated Field
   Add Filter Elements
   Customize the Dashboard Layout
   Add a Dashboard Parameter and Filter Data
   Export the Dashboard and Its Items
 [Expand]Configuration and API
  User-Specific Functions
  Localization
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Provide Interactivity to the Dashboard

This tutorial describes how to provide the drill-down functionality to a Grid dashboard item and use this item as a filter for other dashboard items.

Expanded Enable Drill-Down

The drill-down functionality allows users to change the detail level of data displayed in a dashboard item.

The grid item supports drill-down for rows and requires several dimension columns to be arranged from the least detailed to the most detailed.

Invoke the grid's Bindings menu, click Add Column and select the ProductName data field. Move this column to the second position using drag and drop.

Go to the grid's Interactivity menu and enable the Drill Down option.

You can now click a grid row to display detail data.

Click the Drill Up button in the item caption to return to the previous detail level.

Expanded Use Master Filtering

Invoke the grid item's Interactivity menu and use the Master Filter Mode option to make the grid act as a filter for other dashboard items. Choose the Multiple mode for this tutorial.

Click a grid row to make other dashboard items display only data related to the selected record. The following image demonstrates how this affects the chart item.

Use the Multi-Select button in the grid caption to allow selecting multiple rows.

Click the Clear Master Filter button to reset filtering.

You can prevent a specific dashboard item from being filtered by enabling its Ignore Master Filters option.

Expanded See Also

Is this topic helpful?​​​​​​​