In this example, the ASPxClientDashboard.SetMasterFilter method is used to select required cards in the Card dashboard item. This method is called in the onClick event handler of the dxButton.
ASPxDashboard - How to apply Master Filtering in OLAP mode
ASPxDashboard - How to add custom interactivity to a dashboard
This example demonstrates the following capabilities:
- The Grid dashboard item allows you to select categories and visualize a corresponding product quantity using the dxBarGauge widget. Note that the hidden 'Quantity' measure is used to pass the required values to the client.
- The Chart dashboard item highlights bars corresponding to a hovered argument value.
ASPxDashboard - How to specify dashboard parameter values on the client side
In this example, parameter values are specified using the ASPxClientDashboardParameter.SetValue method. The ASPxClientDashboard.ShowParametersDialog method is used to invoke the Dashboard Parameters dialog that displays applied parameter values.
ASPxDashboard - How to filter an SQL query at runtime
ASPxDashboard - How to connect the Web Dashboard to an Excel workbook
See also: How to create DashboardExcelDataSource at runtime and specify a list of required columns
How to handle the PopupMenuShowing event to customize the Scheduler context menu
ASPxDashboard - How to connect the Web Dashboard to an OLAP cube
ASPxDashboard - How to connect the Web Dashboard to an SQL database
ASPxDashboard - How to apply filtering to a dashboard item's data in OLAP mode
The following example demonstrates how to apply filtering to a dashboard item's data in OLAP mode.
In this example, constant values and dashboard parameters are passed to a filter string to filter a dashboard item's data.
ASPxDashboard - How to save dashboards created by end-users to a DataSet
The following example shows how to create a custom dashboard storage for ASPxDashboard by implementing the IEditableDashboardStorage interface. In this example, a DataSet is used as an in-memory storage of dashboards. This DataSet can be used later to save dashboards in the database using DataAdapter.
See also: ASPxDashboard - How to save dashboards to a data base
Question Comments
Added By: Thanakorn Saeliange at: 8/22/2016 10:29:53 AM I can't find the reference of DashboardStorageDataSet.Added By: John (DevExpress Support) at: 8/23/2016 4:22:21 AM Hi Thanakorn,
We have fixed this issue. Download the example again and let me know whether or not it operates correctly on your side. Added By: Thanakorn Saeliange at: 8/23/2016 8:34:20 AM Thank you for your help. I'am a newbie. Could you please tell me about the way to run the example file. Added By: Sergi (DevExpress Support) at: 8/23/2016 10:03:28 AM Download the Example Runner tool by clicking the corresponding link in the Downloads section on the right side of the window. After installing the tool, click the "Example" link to download and run the example locally.Added By: Fabio Andrade at: 2/15/2017 7:32:06 PM Hi
after set ASPxDashboard1.SetDashboardStorage(dashboardStorage)
do i need to use this function ?
dashboardStorage.AddDashboard ?
right ?
but i dont know how can i call this function to add this parameter: dashboard As XDocument
thanks my friends
Added By: John (DevExpress Support) at: 2/15/2017 10:28:51 PM
Hello Fabio,
I've created a separate ticket on your behalf (T483548: Do I need to use the dashboardStorage.AddDashboard method). Let's continue our discussion there.
ASP.NET MVC Dashboard - How to apply master filtering in code
The following example demonstrates how to apply master filtering in the ASP.NET MVC Dashboard on the client side.
In this example, the ASPxClientDashboard.SetMasterFilter method is used to select required rows in the Grid dashboard item while the ASPxClientDashboard.SetRange method is called to select the required range in the Range Filter dashboard item. These methods are called in the onClick event handler of the dxButton.
ASPxDashboard - How to apply master filtering in code
The following example demonstrates how to apply master filtering in the Web Dashboard on the client side.
In this example, the ASPxClientDashboard.SetMasterFilter method is used to select required rows in the Grid dashboard item while the ASPxClientDashboard.SetRange method is called to select the required range in the Range Filter dashboard item. These methods are called in the onClick event handler of the dxButton.
ASPxDashboard - How to color dashboard item elements
In this example, chart series points, whose values exceed specified thresholds, are colored in green. Chart series points, whose values fall below specified thresholds, are colored in red.
Pie segments, whose contributions in total fall below the specified threshold, are colored in orange.
How to determine the scheduler element hovered by the mouse pointer
This example demonstrates how to obtain the hit information for the scheduler element over which the mouse pointer is hovering.
Handle the SchedulerControl.MouseMove event and use the SchedulerControl.CalcHitInfo method to get the required information.
How to customize the appointment flyout
ASPxGridView - How to create the ShowBlanksValue and ShowNonBlanksValue items
By design, GridViewDataComboBoxColumn does not render (Blank) and (NonBlank) items if the HeaderFilterMode property is set to CheckedList. However, you can add these items in the HeaderFilterFillItems event handler. Just call the FilterValue.CreateShowBlanksValue and FilterValue.CreateShowNonBlanksValue methods.
Question Comments
Added By: (no info) at: 4/4/2013 6:34:00 AM
Thank you for your response. The approach below will not work for our case. Our filters will dynamically change based on whether NULL values returned or not. We only want to show [Blanks] when there is row with that field is NULL value.
Added By: Marion (DevExpress Support) at: 4/4/2013 6:47:50 AM@Ngoc-Hien Ho
I have opened a new thread for you. Let's continue our discussion in it: http://www.devexpress.com/Support/Center/Question/Details/Q373302
I've tried the same approach but for a VerticalGridDateRow of a ASPxVerticalGrid - without success. The CreateShowBlanksValue expects a GridViewDataColumn, not VerticalGridDataRow.
Please advise. Thanks.
Added By: Pavlo (DevExpress Support) at: 12/12/2017 7:36:52 AM
Hello,
I've created a separate ticket on your behalf (T586882: ASPxVerticalGrid - How to create ShowBlanksValue and ShowNonBlanksValue items in the header filter). It has been placed in our processing queue and will be answered shortly.
MVC Dashboard - How to save dashboards to a database
A custom dashboard storage should implement one of the following interfaces: IDashboardStorage or IEditableDashboardStorage.
IDashboardStorage provides functionality to open and edit dashboards available in the storage.
XDocument LoadDashboard(string dashboardID) - returns a dashboard by its ID in the XDocument format, which describes an object model of the dashboard.
IEnumerable<DashboardInfo> GetAvailableDashboardsInfo() - returns a list of IDs and Captions of dashboards available in the data storage.
void SaveDashboard(string dashboardID, XDocument dashboard) - updates the dashboard with new settings by its id.
IEditableDashboardStorage inherits the IDashboardStorage interface and contains one additional method that allows adding new dashboards to the storage.
string AddDashboard(XDocument dashboard, string dashboardName) - takes a dashboard definition with its caption, saves it to the data storage, and returns the ID of a new saved dashboard.
Additionally, this example contains an SQL query and data base backup file, which can be used to recreate a data base used in this example on your side.
See also: ASPxDashboard- How to save dashboards to a data base
How to use the Web Report Designer in JavaScript with ReactJS
The example consists of two parts:
1. A server (backend) project in ASP.NET MVC implementation (the ServerSide solution). At the backend, cross-domain requests are enabled (Access-Control-Allow-Origin) and a custom report storage is implemented.
2. A client (frontend) part (the ClientSide folder) that includes styles, scripts and HTML-templates.
To download all necessary client resources for this example, navigate to the ClienSide folder, open the console and run the following command:
bower install
For a step-by-step tutorial, refer to the following document: Report Designer Integration in ReactJS.
See also
How to use the Web Document Viewer in JavaScript with ReactJS
How to use the Web Document Viewer in JavaScript with ReactJS
The example consists of two parts:
1. A server (backend) project in ASP.NET MVC implementation (the ServerSide solution). At the backend, cross-domain requests are enabled (Access-Control-Allow-Origin) and a custom report storage is implemented.
2. A client (frontend) part (the ClientSide folder) that includes styles, scripts and HTML-templates.
To download all necessary client resources for this example, navigate to the ClienSide folder, open the console and run the following command:
bower install
For a step-by-step tutorial, refer to the following document: Document Viewer Integration in ReactJS.
See also
How to use the Web Report Designer in JavaScript with ReactJS
How to use the Web Report Designer in a DevExtreme application
The example consists of two projects: a server (backend) project in ASP.NET MVC implementation and a client (frontend) DevExtreme application, which includes all necessary styles, scripts, and HTML-templates.
For a step-by-step tutorial, refer to the following document: Report Designer Integration into a DevExtreme application.
See also:
How to use the HTML5 Document Viewer within a DevExtreme application