SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Visual Studio 2010によるSharePoint 2010開発の基本

SharePoint 2010とSilverlightの連携

Visual Studio 2010によるSharePoint 2010開発の基本(6)

サンプル:SharePointのリストデータに
アクセスするSilverlight Webパーツ

 それでは実際に、Silverlight Webパーツを作成してみましょう。

 サンプルとして、SharePointサイト上の「お知らせ」リストにアクセスするSilverlight Webパーツを作成します(図1)。「お知らせ」リストと同様に、更新日時の降順でタイトルと更新日時を表示します。表示には、SilverlightのDataGridコントロールを使用します。

図1:サンプルの実行例
図1:サンプルの実行例

サンプルの作成

 以下の手順で、サンプルを作成します。

[1]新しいプロジェクトを作成する

 Silverlightアプリケーションのための新しいプロジェクトを作成します。

 [新しいプロジェクト]ダイアログボックスで、[Visual C#]-[Silverlight]を選択し、プロジェクトテンプレートの一覧から[Silverlightアプリケーション]を選択します。[名前]に「SilverlightWebPartSample」と入力し、最後に[OK]ボタンをクリックします(図2)。

図2:[新しいプロジェクト]ダイアログボックス
図2:[新しいプロジェクト]ダイアログボックス

 表示された[新しいSilverlightアプリケーション]ダイアログボックスで、不用な[Silverlightアプリケーションを新しいWebサイトでホストする]のチェックを外し、[OK]ボタンをクリックします(図3)。

図3:[新しいSilverlightアプリケーション]ダイアログボックス
図3:[新しいSilverlightアプリケーション]ダイアログボックス

[2]Silverlightクライアントオブジェクトモデル用ライブラリの参照を追加する

 Silverlightクライアントオブジェクトモデルを使用するために必要な2つのアセンブリを追加します。

 ソリューションエクスプローラーで[参照設定]を右クリックし、[参照の追加]をクリックします。表示された[参照の追加]ダイアログボックスで[参照]タブをクリックし、%ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS\ClientBinフォルダー内にある次の2つのdllファイルの参照を追加し、[OK]ボタンをクリックします(図4)。

  • Microsoft.SharePoint.Client.Silverlight.dll
  • Microsoft.SharePoint.Client.Silverlight.Runtime.dll
図4:[参照の追加]ダイアログボックス
図4:[参照の追加]ダイアログボックス

[3]MainPage.xamlを修正する

 MainPage.xamlを開き、ツールボックスからDataGridコントロールをデザイナー上に貼り付け、コードをリスト1のように修正します(太字部分)。

リスト1 DataGridコントロールの設定(MainPage.xaml)
<Grid x:Name="LayoutRoot" Background="White">
    <sdk:DataGrid AutoGenerateColumns="False" Height="250" HorizontalAlignment="Left" Margin="12,12,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="350">
        <sdk:DataGrid.Columns>
            <sdk:DataGridTextColumn Header="タイトル" Binding="{Binding Title}" />
            <sdk:DataGridTextColumn Header="更新日時" Binding="{Binding Modified}" />
        </sdk:DataGrid.Columns>
    </sdk:DataGrid>
</Grid>

 タイトルと更新日時用の2つの列をDataGridコントロールに追加し、次の手順[4]で追加するAnnouncementItemクラスのデータをバインドするように設定します。

次のページ

この記事は参考になりましたか?

Visual Studio 2010によるSharePoint 2010開発の基本連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト 広瀬 嘉久(株式会社ジェイテックジャパン)(ヒロセ ヨシヒサ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/6094 2011/08/29 14:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー