本教程演示了,如何在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