Silverlight Webパーツで変態チャート開発

ＳｉｌｖｅｒｌｉｇｈｔＳｑａｒｅ振り返り投稿第2弾

Ｓｉｌｖｅｒｌｉｇｈｔ Ｗｅｂパーツの開発デモです。
それではＬｅｔｓ ＨＥＮＴＡＩ

開発環境環境

ＳｈａｒｅＰｏｉｎｔがインストールされたサーバー上で構築するのが良いです。

1. VS2010で拡張機能マネージャーを起動
   
2. 拡張機能を導入
   
   • Visual Studio 2010 SharePoint Power Tools
   • Silverlight SharePoint Web Parts

WebParts開発

変態チャートを開発します。変態ジェネレータは、めんどいのでコードのみ貼り付けておきます。

1. SharePoint開発プロジェクトを選択。プロジェクトテンプレートは「空のSharePointプロジェクト」
   
2. 参照設定を追加
   Microsoft.SharePoint.Client.Silverlight.dll
   Microsoft.SharePoint.Client.Silverlight.Runtime.dll
   詳細はここ
3. プロジェクトの追加から「Silverlightアプリケーション」を選択
   
4. 次に、空のSharePointプロジェクトにSilverlight WebPartsを追加
   
5. 追加すると、使用するSilverlightアプリケーションを選択しろとメッセージが表示される。たぶん、SharePointアプリケーションが一つだけなら出てこないかも、、
   
6. チャートコントロールを追加します。今回はインフラジスティックスさんのチャートコントロールを使用しました。
   
7. コードの追加
   

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Net;
   using System.Windows;
   using System.Windows.Controls;
   using System.Windows.Documents;
   using System.Windows.Input;
   using System.Windows.Media;
   using System.Windows.Media.Animation;
   using System.Windows.Shapes;
   using Microsoft.SharePoint.Client;
   using Infragistics.Silverlight.Chart;

   namespace SilverlightApplication1
   {
       public partial class MainPage : UserControl
       {
           public MainPage()
           {
               InitializeComponent();
           }
           private ClientContext context = null;
           private delegate void UpdateUIMethod();

           private ListItemCollection _projects;

           private void UserControl_Loaded(object sender, RoutedEventArgs e)
           {
               this.context = ClientContext.Current;
               // SharePoint上に展開した場所に関する情報を取得。
               // いわゆるカレントサイト

               List oList = this.context.Web.Lists.GetByTitle("Hentai");
               this.context.Load(oList);
               // ”Hentai”という名前のリストのインスタンスを取得

               CamlQuery query = new Microsoft.SharePoint.Client.CamlQuery();
               string camlQueryXml = "<view><query></query><viewfields>" +
                   "<fieldref name="Title"></fieldref></viewfields></view>";
               //CAMLというXML言語で表示対象クエリの作成

               query.ViewXml = camlQueryXml;
               _projects = oList.GetItems(query);
               this.context.Load(_projects);
               this.context.ExecuteQueryAsync(new ClientRequestSucceededEventHandler(OnRequestSucceeded), null);
               // イベント処理で非同期化した処理
           }

           private void OnRequestSucceeded(Object sender, ClientRequestSucceededEventArgs args)
           {
               // This is not called on the UI thread.
               Dispatcher.BeginInvoke(BindData);
           }

           private void BindData()
           {
               Series s1 = new Series();
               s1.ChartType = ChartType.Bar;
               s1.Label = "変態度";
               foreach (ListItem li in _projects)
               {
                   DataPoint d = new DataPoint();
                   string title = li["Title"].ToString();
                   d.Label = title;
                   int val = -1;
                   string aa = li["Value"].ToString();
                   if (int.TryParse(aa, out val))
                   {
                       d.Value = val;
                   }
                   s1.DataPoints.Add(d);
               }
               this.xamWebChart1.Series.Clear();
               this.xamWebChart1.Series.Add(s1);
           }
       }
   }

眠くなったので、また今度、、