Quantcast
Channel: DevExpress Support Center (Examples)
Viewing all 7205 articles
Browse latest View live

ASPxDashboard - How to apply Master Filtering in OLAP mode

$
0
0
The following example demonstrates how to apply master filtering in ASPxDashboard on the client side when the dashboard is connected to an OLAP cube.

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 add custom interactivity to a dashboard

$
0
0
The Web Dashboard allows you to add a custom interactivity to dashboards using the ItemVisualInteractivity event.
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

ASPxDashboard - How to filter an SQL query at runtime

ASPxDashboard - How to connect the Web Dashboard to an Excel workbook

How to handle the PopupMenuShowing event to customize the Scheduler context menu

$
0
0
The following code example shows how to customize the Scheduler cell context menu using the PopupMenuShowing event.

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

$
0
0

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

$
0
0

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

ASPxDashboard - How to apply master filtering in code

ASPxDashboard - How to color dashboard item elements

$
0
0
The following example demonstrates how to color dashboard item elements using the ItemElementCustomColor event.
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

$
0
0

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

$
0
0

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

Added By: Lochner Pretorius at: 12/12/2017 6:56:26 AM    Hi there

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

$
0
0
This example shows how to create a custom dashboard storage that allows storing dashboards in a data base. It uses the System.Data.SqlClient members to connect and operate an MS SQL server data base. 

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

$
0
0
This example demonstrates how to use the End-User Web Report Designer in JavaScript with ReacJS.

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

$
0
0
This example demonstrates how to use the HTML5 Document Viewer in JavaScript with ReacJS.

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

$
0
0
This example illustrates how to integrate the End-User Web Report Designer into 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

Viewing all 7205 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>