Refresh a DataGrid dynamically in SilverLight


Core Objective of this article is to give step by step explnation of , How to update or refresh a DataGrid dynamically in SilverLight ?

  1. List which is to be bind must be ObservableCollection
  2. Item of list of business class must implement INotifyPropertyChanged interface.

This article is explaning how DataGrid would get refresh dynamically whenever value in list would be changed.

Step 1Create a SilverLight Application.Add one more new class. Give it any name. Name of that is EventBase. Purpose of this class is to act as a base class for which will implement INotifyPropertyChange

  1. Add namepsace  using System.ComponentModel;
  2. Implement interface INotifyPropertyChanged
  3. Make class as abstarct class.
  4. Declare an public event of type PropertyChangedEventHandler

    The entire code will look like


using System.ComponentModel;

namespace AutometicRefreshTesting{
public abstract class EventBase : INotifyPropertyChanged{
public event PropertyChangedEventHandler PropertyChanged;
protected void PropertyChangedHandler(string propertyName)

var handler = PropertyChanged;
if (handler != null)

handler(this, new

Step 3

Add a new class in Silver Light application. Name it as Player.cs. This is Business class. This class will extend EventBase class. In property, we are calling PropertyChangedHandler(“”) method of EventBase class to create a notify whenever value in property being changed.


playerId = value;



namespace AutometicRefreshTesting{

public class Player : EventBase {
private int playerId;

public int PlayerID
{get { return playerId;}

set{ playerId = value;

private String playerName;
public String PlayerName
{ get {return playerName;}
set { playerName = value;


private String countryName;
public String CountryName
{ get{ return countryName;}
set{countryName = value;

} } }}

 Step 4
Add a Button and DataGrid on XAML of page.

  1. DataGrid could be dragged and drop from ToolBox for SilverLight.
  2. Here Grid is divided into two columns. One column is containing Button and other is containing DataGrid.


<UserControl xmlns:data=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”


Width=”400″ Height=”300″>

<Grid x:Name=”LayoutRoot” Background=”White”>


<ColumnDefinition Width=”Auto”/>

<ColumnDefinition Width=”Auto” MinWidth=”337″/>


<Button x:Name=”btnAdd” Content=”Add Player to Static List” Width=”150″ Height=”50″ Grid.Row=”0″ Grid.Column=”0″ Click=”btnAdd_Click” />

<data:DataGrid x:Name=”dataList”Grid.Row=”0″ Grid.Column=”1″>

 Step 5
For Dynamic updating or refresh of Data Grid, the List which is to be bind with Data Grid must be a ObservableCollection ist. What I am doing here is that adds record on button click event to the list and dynamically refresh the DataGrid.


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 System.Collections.ObjectModel;
namespace AutometicRefreshTesting{
public prtial cass MainPage : UserControl{
ObservableCollection<Player> playerList;
static int i = 2;
public MainPage(){
playerList = new ObservableCollection<Player>();
playerList.Add(new Player(){PlayerID=1,PlayerName=“MS Dhoni”,CountryName=“India”});
this.Loaded += new RoutedEventHandler(MainPage_Loaded);
void MainPage_Loaded(object sender, RoutedEventArgs e)
dataList.ItemsSource = playerList;}

privatevoid btnAdd_Click(object sender, RoutedEventArgs e){
Player obj = new Player() { PlayerID = i, PlayerName = “Sachin Tendulkar “, CountryName = “India” };

dataList.ItemsSource = playerList;
i= i+1 ;

Here I mainly showed how to automatically update the DataGrid when Item source is changing. Please download the zip file and go through the source code for better understanding.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Create a website or blog at