DataGrid for WPF/Silverlight
手順 1：ローカライズされたグリッドの設定
製品の概要 > チュートリアル (Silverlight のみ) > グリッドのローカライズ > 手順 1：ローカライズされたグリッドの設定

この手順では、DataGrid for Silverlight を使って Silverlight グリッドアプリケーションを作成します。新しい Silverlight プロジェクトを作成し、C1DataGrid コントロールをアプリケーションに追加して、グリッドを連結します。

次の手順に従います。

  1. Visual Studio で、［ファイル］→［新しいプロジェクト］を選択します。
  2. ［新しいプロジェクト］ダイアログボックスで、左ペインから言語を選択し、テンプレートリストから［Silverlight アプリケーション］を選択します。［名前］テキストボックスに「C1DataGridLocalization」と入力し、［OK］をクリックします。［新しい Silverlight アプリケーション］ダイアログボックスが表示されます。
  3. ［OK］をクリックすると、［新しい Silverlight アプリケーション］ダイアログボックスが閉じ、プロジェクトが作成されます。
  4. <UserControl>タグで、Width="400"（またはd:DesignWidth="400"）を Width="450" に置き換えて、サイズを大きくします。
  5. プロジェクトの XAML ウィンドウで、カーソルを<Grid> タグと </Grid>タグの間に置き、１回クリックします。
  6. ツールボックスに移動し、［C1DataGrid］アイコンをダブルクリックして、MainPage.xaml にグリッドコントロールを追加します。XAML マークアップは次のようになります。
    XAML
    コードのコピー 
    <UserControl xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
 x:Class="C1DataGridLocalization.MainPage"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="450" Height="300">
    <Grid x:Name="LayoutRoot">
        <c1:C1DataGrid></c1:C1DataGrid>
    </Grid>
</UserControl>
  7. <c1:C1DataGrid>タグが既存のコンテンツを含む場合、コンテンツを削除します。タグは次のように表示されます。
    コードのコピー 
    <c1:C1DataGrid></c1:C1DataGrid>
  8. x:Name="c1DataGrid1" を<c1:C1DataGrid> タグに追加して、グリッドに名前を付けます。次のようになります。
    コードのコピー 
    <c1:C1DataGrid x:Name="c1DataGrid1">
    コントロールに一意の識別子を付けると、コードでその C1DataGrid コントロールにアクセスできるようになります。
  9. <c1:C1DataGrid>タグに CanUserGroup="True" を追加します。次のようになります。
    コードのコピー 
    <c1:C1DataGrid x:Name="c1DataGrid1" CanUserGroup="True">
  10. ソリューションエクスプローラで、C1DataGridLocalization プロジェクトを右クリックし、［ビルド］を選択します。
  11. ソリューションエクスプローラで、MainPage.xaml.cs または MainPage.xaml.vb ファイルを右クリックし、コンテキストメニューから［コードの表示］をクリックして、コードエディタを開きます。
  12. 次のコードをプロジェクトに追加して、Data クラスを作成します。
    コードのコピー 
    Public Class Data
    Private _ProductName As String
    Public Property ProductName() As String
        Get
            Return _ProductName
        End Get
        Set(ByVal value As String)
            _ProductName = value
        End Set
    End Property
    Private _Description As String
    Public Property Description() As String
        Get
            Return _Description
        End Get
        Set(ByVal value As String)
            _Description = value
        End Set
    End Property
    Private _Quantity As Integer
    Public Property Quantity() As Integer
        Get
            Return _Quantity
        End Get
        Set(ByVal value As Integer)
            _Quantity = value
        End Set
    End Property
    Private _InStock As Boolean
    Public Property InStock() As Boolean
        Get
            Return _InStock
        End Get
        Set(ByVal value As Boolean)
            _InStock = value
        End Set
    End Property
End Class
    コードのコピー 
    public class Data
{
    public string ProductName { get; set; }
    public string Description { get; set; }
    public int Quantity { get; set; }
    public bool InStock { get; set; }
}
  13. 次のコードを MainPage コンストラクタに追加して、グリッドにデータを設定します。
    コードのコピー 
    Public Sub New()
    InitializeComponent()
    ' データソースにデータを追加します。
    Dim source As New List(Of Data)()
    Dim itemsCount As Integer = 25
    For i As Integer = 0 To itemsCount - 1
        source.Add(New Data With
            {
                .ProductName = "Name",
                .Description = "Description",
                .Quantity = i,
                .InStock = (i Mod 2 = 0)
            })
    Next
    ' グリッドの ItemsSource プロパティを設定します。
    c1dg.ItemsSource = source
End Sub
    コードのコピー 
    public Page()
{
    InitializeComponent();
    // データソースにデータを追加します。
    List<Data> source = new List<Data>();
    int itemsCount = 25;
    for (int i = 0; i < itemsCount; i++)
    {
        source.Add(new Data()
        {
            ProductName = "Name",
            Description = "Description",
            Quantity = i,
            InStock = (i % 2 == 0)
        });
    }
    // グリッドの ItemsSource プロパティを設定します。
    c1dg.ItemsSource = source;
}

ここまでの成果

この手順では、新しい Silverlight アプリケーションを作成し、C1DataGrid コントロールを追加して、コントロールをデータソースに連結しました。次の手順では、グリッドをローカライズするためのリソースファイルを追加します。

 

 

Copyright © GrapeCity, Inc. All rights reserved.