A DataTemplate is similar in concept to a ControlTemplate in WPF. Therefore you might be wondering what the difference is between a DataTemplate and a ControlTemplate.
Well the answer is explained here. A DataTemplate allows you to display data as per your requirements. For example until now we saw that a listbox uses the toString() method to display data within it. But now in WPF we can display images along with data inside a listbox control as an item of it (For example, changing how the control displays data can be done using a DataTemplate. It is primarily concerned with the display of data inside a control.)
Whereas the ControlTemplate is primarily concerned with the visual appearance of the Control and not with how the data is being displayed inside the control.
Now looking at our example here we will try to display artist's drawings along with their personal details such as Name, Email, Gender etc inside a Label Control.
You may find an example where the same concept is used with a ListBox control for displaying a number of items. The difference between the two is that we are trying here to display data inside a Label Control. Along with this here we have tried to use an IvalueConverter Interface that would allow us to format Gender of Artist by displaying it in "Male" or "Female" format, unlike what is stored in the database, like "M" or "F".
The following is the snapshot of that.
Talking about the IvalueConverter interface, the System.Windows.Data namespace is used to convert data from the original source to the desired format and vice versa. It contains two methods where you can write your code to display data in the format required by your needs. For example display 1 as "One", 2 as "Two" , 3 as "Three" ... like wise or displaying "Male" instead of "M", "Female" instead of "F".
The two methods are:
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
The method Convert converts the original value to the desired display value. In our case the original value would be "M" or "F" and the desired value to be displayed would be "Male" or "Female".
The next Method ConvertBack would be used for inserting the record or updating the records from the application to the original Datasource like database. So that the value to be stored would be in consistent format.
The following is the code for that.
GenderConverter.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Data;
namespace DataTempEg
{
class GenderConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
string displayGen = "";
if (value.ToString().Equals("M", StringComparison.InvariantCultureIgnoreCase))
displayGen = "Male";
else
displayGen = "Female";
return displayGen;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
}
Artist.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Collections.ObjectModel;
namespace DataTempEg
{
public class Artists
{
public string ArtistID { get; set; }
public string ArtistName { get; set; }
public string ArtistPainting { get; set; }
public string ArtistEmail { get; set; }
public char Gender { get; set; }
public static ObservableCollection<Artists> GetAllArtistsPaintings()
{
string[] id = { "1", "2", "3", "4", "5" };
string[] names = { "Vishal", "Rahul", "Priyanka", "Siddhesh", "Lincy" };
string[] paintingNames = { "Penguins.jpg", "Chrysanthemum.jpg", "Jellyfish.jpg", "Lighthouse.jpg", "Tulips.jpg" };
string[] emails = { "[email protected]", "[email protected]", "[email protected]", "[email protected]", "[email protected]" };
char[] genders = { 'M', 'M', 'F', 'M', 'F' };
ObservableCollection<Artists> objArtist = new ObservableCollection<Artists>();
for (byte i = 0; i < id.Length; i++)
{
objArtist.Add(new Artists()
{
ArtistID = string.Concat("A00", id[i]),
ArtistName = names[i],
ArtistPainting = string.Concat("./img/", paintingNames[i]),
ArtistEmail = emails[i],
Gender = genders[i]
});
}
return objArtist;
}
}
}
Join the conversation! Your thoughts help the community grow.