本教程演示了,如何在DevExpress XtraCharts ASPxCallbackPanel回调时如何完成WebChartControl的添加。
1、创建一个新的ASP.NET Web应用程序(Visual Studio 2008或2010),或打开一个现有的。
2、将所需的程序集添加到项目中。
注意:如果你喜欢,控件也可以自动添加(拖放一个WebChartControl实例到页面中),这会影响你的web应用程序的Web.config文件。关于这些变化的更多信息,请参阅为DevExpress XtraCharts添加一个Web图表。
3、切换到Default.aspx页面的设计视图,从DX.11.2:公共控件工具栏拖放一个ASPxButton到页面中。处理它的Click事件,生成一个Web图表。

4、然后,按一下按钮的智能标签。在调用操作列表,禁用AutoPostBack属性,并单击客户端事件......链接。
在调用对话框中,从客户端的Click事件处理程序,调用回调面板PerformCallback()。

申请更改,单击"确定"退出对话框。
5、现在,从DX.11.2:导航和布局工具栏拖放ASPxCallbackPanel到页面上。

6、设置其ClientInstanceName面板,并以下列方式处理回调事件。
using System;
using DevExpress.XtraCharts;
using DevExpress.XtraCharts.Web;
using DevExpress.Web.ASPxClasses;
using DevExpress.Web.ASPxCallbackPanel;
// ...
protected void ASPxCallbackPanel1_Callback(object sender,
CallbackEventArgsBase e) {
WebChartControl wbc = new WebChartControl();
wbc.Series.Add(new Series("Series", ViewType.Line));
wbc.Series[0].ArgumentScaleType = ScaleType.DateTime;
wbc.Series[0].ValueScaleType = ScaleType.Numerical;
Random r = new Random();
for (int i = 0; i < 5; i++) {
wbc.Series[0].Points.Add(new SeriesPoint(DateTime.Today.AddDays(i),
((int)((r.NextDouble() * 100) * 10)) / 10.0));
}
wbc.Width = ((ASPxCallbackPanel)sender).Width;
((ASPxCallbackPanel)sender).Controls.Add(wbc);
} VB源码: Imports System
Imports DevExpress.XtraCharts
Imports DevExpress.XtraCharts.Web
Imports DevExpress.Web.ASPxClasses
Imports DevExpress.Web.ASPxCallbackPanel
' ...
Protected Sub ASPxCallbackPanel1_Callback(ByVal sender As Object, _
ByVal e As CallbackEventArgsBase)
Dim wbc As New WebChartControl()
wbc.Series.Add(New Series("Series", ViewType.Line))
wbc.Series(0).ArgumentScaleType = ScaleType.DateTime
wbc.Series(0).ValueScaleType = ScaleType.Numerical
Dim r As New Random()
For i As Integer = 0 To 4
wbc.Series(0).Points.Add(New SeriesPoint(DateTime.Today.AddDays(i), _
(CInt(Fix((r.NextDouble() * 100) * 10))) / 10.0))
Next i
wbc.Width = (CType(sender, ASPxCallbackPanel)).Width
CType(sender, ASPxCallbackPanel).Controls.Add(wbc)
End Sub
运行应用程序,并查看结果。

欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/203.html
联系电话:023-68661681



返回