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


Top 5 Contributors of the Month
david stephan

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

 Subscribe to Articles

Silverlight ScrollIntoView In DataGrid

Posted By:Diptimaya Patra       Posted Date: April 02, 2010    Points: 25    Category: Silverlight    URL: http://www.dotnetspark.com  

ScrollIntoView is a method available in DataGrid in Silverlight 3. This method provides the functionality to bring into view (display) a particular row or column in the DataGrid.
 

Introduction

ScrollIntoView is a method available in DataGrid in Silverlight 3. This method provides the functionality to bring into view (display) a particular row or column in the DataGrid.

In this article we will see how we can use it.

Creating Silverlight Project

Fire up Blend 3 and create a Silverlight Application. Name it as ScrollIntoViewDataGridInSL3.



This is what we are going to do for our sample application: we will populate a DataGrid with sample data and search an item from the DataGrid. Go ahead and design with it in Expression Blend 3.

 

 

If you look into Object and Timeline Pane you will find the following hierarchy:

 

 

Add a class named Users.cs to define the properties of the sample data:

 

 

Add the following properties:

public class Users
{
        public string Name { get; set; }
        public int Age { get; set; }
        public string Gender { get; set; }
        public string Country { get; set; }
}

Now in MainPage.xaml.cs create sample data and assign the ItemSource as the List:

public MainPage()
{
            InitializeComponent();
            List myList = new List 
            { 
                new Users{ Name="Hiro Nakamura", Gender="M", Age=24, Country="Japan"},
                new Users{ Name="Mohinder Suresh",Gender="M", Age=26, Country="India"},
                new Users{ Name="Claire Bennette", Gender="F",Age=19, Country="USA"},
                new Users{ Name="Matt Parkman", Gender="M",Age=30, Country="USA"},
                new Users{ Name="Nathan Patrelli", Gender="M",Age=30, Country="USA"},
                new Users{ Name="Peter Patrelli", Gender="M",Age=26, Country="USA"},
                new Users{ Name="Mica", Age=12, Gender="M",Country="USA"},
                new Users{ Name="Linderman", Gender="M",Age=56, Country="USA"},
                new Users{ Name="Ando", Age=24, Gender="M",Country="Japan"},
                new Users{ Name="Maya", Age=24, Gender="M",Country="Mexico"},
                new Users{ Name="Niki Sanders", Gender="F",Age=26, Country="USA"},
                new Users{ Name="Angela Patrelli", Gender="F",Age=26, Country="USA"},
            };
            MyDataGrid.ItemsSource = myList;
}

Now if you run your application you will get the DataGrid with sample data populated:

 

 

Image Loading.....

 

 

Thank you

 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