data binding in windows phone app Archives

Data binding provides a simple way for Windows Phone apps to display and interact with data. In simple terms it provides a link between the target and source. For example if we consider a Textblock and a data source whose object needs to update the value of text in Textblock we can use data binding.

We will now explain One way data binding in which bindings update the target with the source data when the binding is created.

Here source is a object of the class which needs to update the text property of Textblock (target).

The steps that need to be followed are

1. First of all create a blank project and name it Databinding .

2. Replace the Xaml code of the Stackpanel named Titlepanel with the following code given below.

Code:

</StackPanel>

3. Add a Textblock named myblock to the given page . And bind the text property of the Textblock with mytext which is the property of the Sample class which will be explained further.

Add the code given below to the Grid named ContentPanel given on the page

Code:

4. Open the Page MainPage.xaml.cs and Create a Public class having the name Sampleclass with a single property mytext.

Code:

public class Sampleclass

{

public string mytext { get; set; }

}

5. Add the function given below to the MainPage.xaml.cs .

Code:

public void initialize()

{

Sampleclass obj = new
Sampleclass();

obj.mytext = “One way data binding”;

myblock.DataContext = obj;

}

In the first line of the function we are creating a object of Sampleclass called obj. In the second line we are setting the mytext property of the object to “One way data binding”.

In the third line we set the source of the myblock by setting up its Datacontext property to obj.

6. We then call this function in the constructor of the MainPage.