How to Bind Data Items to Gridview in Windows Store Apps using XAML Code

Introduction

In this blog I will tell you about how to bind Items in to the Gridview in Windows Store Apps using  XAML code.

Step 1

 Add Gridview Control from Toolbox panel

1. Assigne the name of Gridview using x:Name="" attribute  like here I mention the name as gridView1
2. Adding the items to the grid view by populating the itemscollection or by binding the ItemSource  property to a data source.
   OR
   We can set directly  using x:String attributes in XAML

<GridView x:Name="gridView1" SelectionChanged="GridView_SelectionChanged" Margin="159,44,555,444" Grid.Row="1" ToolTipService.ToolTip="Items collection in Grid View" BorderThickness="0">

         <x:String>Item 1</x:String>

         <x:String>Item 2</x:String>

         <x:String>Item 3</x:String>

         <x:String>Item 4</x:String>

         <x:String>Item 4</x:String>

</GridView>

 

Step 2

An Event handler when the grid view selection changes, add a handler for the SelectionChabnged event.

private void GridView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    gridView1.SelectionChanged += GridView_SelectionChanged;
    Lable.Text = gridView1.SelectedItem.ToString();
}

 

Output: