.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
satyapriyanayak
SP
Sambanthamoorthy
Swati Kadam
rosgeppe

Home >> Articles >> Silverlight >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Auto refresh DataGrid dynamically in SilverLight

Posted By:Dhananjay Kumar       Posted Date: December 23, 2009    Points: 25    Category: Silverlight    URL: http://www.dhananjaykumar.net  
 

Auto refresh DataGrid dynamically in SilverLight

Objective:

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

a. List which is to be bind must be ObservableCollection

b. 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 1 :

Create a SilverLight Application.

refresh1.gif

refresh2.gif

Step 2 :

a. 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 INotifyPropertyChanged

refresh3.gif

b. Add namepsace

using System.ComponentModel;

c. Implement interface INotifyPropertyChanged
d. Make class as abstarct class.
e. Declare an public event of type PropertyChangedEventHandler

The entire code will look like ,

EventBase.cs

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 PropertyChangedEventArgs(propertyName)); 

            } 

        } 

    } 

}


Step 2 :

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.

set
            {
                playerId = value;
                PropertyChangedHandler("PlayerID");
            }

Player.cs

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes; 

namespace AutometicRefreshTesting 
{ 

    public class Player : EventBase 
    {
        private int playerId;
        public int PlayerID
        {
            get
            {
                return playerId;
            }
            set
            {
                playerId = value;
                PropertyChangedHandler("PlayerID"); 

            } 

        }

        private String playerName;
        public String PlayerName
        {
            get 

            { 

                return playerName; 

            }
            set
            {
                playerName = value;
                PropertyChangedHandler("playerName"); 

            } 

        } 

        private String countryName;
        public String CountryName
        {
            get
            {
                return countryName;
            }
            set
            {
                countryName = value;
                PropertyChangedHandler("CountryName"); 

            } 

        } 

    } 

}


Step 3:

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.

MainPage.Xaml


     

        
            
            
        
        
         

         


Step 4:

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

MainPage.Xaml.cs

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 partial class MainPage : UserControl
    {
        ObservableCollection playerList;
        static int i = 2; 

    
        public MainPage()
        { 

            InitializeComponent();
            playerList = new ObservableCollection();
            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;

        }

        private void btnAdd_Click(object sender, RoutedEventArgs e)
        {

            Player obj = new Player() { PlayerID = i, PlayerName = "Sachin Tendulkar ", CountryName = "India" };
            playerList.Add(obj);
            dataList.ItemsSource  = playerList;
            i= i+1 ;
        } 
    } 
}


Step 5:

Output :

refresh5.gif

Conclusion

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.

Happy Coding :


 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend