Dundas在Silverlight中应用

  　 前段时间学习了Dundas Chart控件的开发，大部分的功能已经学会了使用，也是基于项目中的需求。也许是由于项目中图形的要求很苛刻，原来在水晶报表中都通过不同的方法得以实现，现在也以同样的要求需要在Dundas中实现，还好Dundas的功能比较强大，几乎可以全部满足，毕竟还是存在一点瑕疵，没有哪个控件和工具是十全十美。由于Dundas控件在Ajax和Silverlight技术方面的突出特色，才使它略胜一筹。

　　记得不久前自己抽空研究了一些它在Silverlight中的应用，当时对这部分的功能很好奇，自己就做了一个实例。当时存在了一些问题，图形也没有显示出来，由于工作忙，也忘记了去解决。最近有充足的时间，便想起原来这部分自己还没搞定，现在重新去搞定它。经过几个小时的战斗，总算图形显示了，其实绘图的方法和在asp.net中是相同的，主要明白在Silverlight应用的几个关键点就OK~

　　下面介绍一下实现的步骤及关键点：

　　首先，建立一个ASP.NET网站，解决方案名称：DundasSilverlight

　　其次，在同一个工程里 新建项目->Silverlight 应用程序      默认解决方案名称：SilverlightApplication1 　

 　 页面 Page.xaml 代码如下： 

 

 1 <UserControl x:Class="SilverlightApplication1.Page"
 2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
 3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
 4     xmlns:my="clr-namespace:Dundas.Utilities.ChartControl;assembly=DundasChartSilverlightExtender"
 5     Width="600" Height="400">
 6     <Grid Background="White">
 7         <StackPanel>
 8             <TextBlock Text="这是一个简单的例子." FontFamily="Verdana" FontSize="15" Padding="0,10,0,20"></TextBlock>
 9             <Grid x:Name="LayoutRoot" Background="White">
10                 <Grid.ColumnDefinitions>
11                     <ColumnDefinition Width="600"></ColumnDefinition>
12                     <ColumnDefinition Width="200"></ColumnDefinition>
13                 </Grid.ColumnDefinitions>
14                 <Grid.RowDefinitions>
15                     <RowDefinition Height="*"></RowDefinition>
16                 </Grid.RowDefinitions>
17                 <my:Chart x:Name="Chart1" Grid.Column="0" Grid.Row="0">
18                 </my:Chart>
19             </Grid>
20         </StackPanel>
21     </Grid>
22 </UserControl>
23 

 

　   注意：头部要引入 xmlns:my="clr-namespace:Dundas.Utilities.ChartControl;assembly=DundasChartSilverlightExtender"

　　SilverlightApplication1 应用程序中添加引用：DundasChartSilverlightExtender.dll

 

　　页面 Page.xaml.cs 代码如下：

 1 public Page()
 2         {
 3             InitializeComponent();
 4             
 5             //Set Width and Height
 6             Chart1.Width = 600;
 7             Chart1.Height = 350;
 8             Chart1.AntiAliasing = Chart.AntiAlaisingMode.All;
 9 
10             //Clear Default
11             Chart1.ChartAreas.Clear();
12             Chart1.Series.Clear();
13             Chart1.Titles.Clear();
14             Chart1.Legends.Clear();
15 
16             //Create ChartArea Panel
17             ChartArea chartarea = new ChartArea("ChartArea1");
18             Chart1.ChartAreas.Add(chartarea);
19 
20             //Create Title
21             Title title = new Title();
22             title.Name = "title1";
23             title.Text = "柱图例子";
24             title.DockToChartArea = "ChartArea1";
25             title.DockInsideChartArea = false;
26             Chart1.Titles.Add(title);
27 
28             //Create Legend
29             Legend legend = new Legend("legend1");
30             legend.DockToChartArea = "ChartArea1";
31             legend.DockInsideChartArea = false;
32             Chart1.Legends.Add(legend);
33 
34             Chart1.Series.Add("Series1");
35 
36             Chart1.Series[0].Legend = "legend1";
37             
38             //Series Type
39             Chart1.Series[0].Type = Series.SeriesChartTypes.Column;
40             
41             //Add Data
42             for (double t = 1.0; t <= 10; t ++)
43             {
44                 double ch1 = t * 2;
45                 Chart1.Series[0].Points.AddXY(t, ch1);
46             }
47 
48             Chart1.Palette = Chart.ColorPalettes.Dundas;
49             Chart1.Series[0].LegendText = "Series1";
50             //Dynamic Show Label
51             foreach (Dundas.Utilities.ChartControl.DataPoint dp in Chart1.Series["Series1"].Points)
52             {
53                 dp.ToolTip = "X值 = " + dp.XValue + "\nY值 = " + dp.YValues[0];
54             }
55 
56             //Update Chart
57             Chart1.Update();
58         }

     注意：Chart1.Update(); //这句不能缺少，对图形更新显示

 

 　 在此就可以先运行一下 web 项目里的 Default.aspx 页面，ClientBin 文件里就会存在SilverlightApplication1.xap文件，不存在任何问题。

     最后，页面 Default.aspx 代码如下：

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SilverlightApplication1.Web._Default" %>
 2 <%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"    TagPrefix="asp" %>
 3 
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 5 
 6 <html xmlns="http://www.w3.org/1999/xhtml" >
 7 <head runat="server">
 8     <title></title>
 9 </head>
10 <body>
11     <form id="form1" runat="server">
12     <asp:ScriptManager ID="ScriptManager1" runat="server">
13     </asp:ScriptManager>
14     <div>
15         <div  style="height:100%;">
16             <asp:Silverlight ID="Xaml2" runat="server" Source="~/ClientBin/SilverlightApplication1.xap" MinimumVersion="2.0.31005.0" Width="100%" Height="100%" />
17         </div>
18     </div>
19     </form>
20 </body>
21 </html>

　　注意：<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"  TagPrefix="asp" %>

 　

　　最后关键点就是要在web.config文件里，找到<httpHandlers>节点，添加代码：

 <httpHandlers>
2       <add verb="POST,GET,HEAD" path="DundasHost.axd" type="Dundas.Utilities.DundasServer" validate="false" />
3 </httpHandlers>

 　 效果显示：