|
GridImageColumn helps you bind the types that are supported by Image.Source, XAML <syncfusion:SfDataGrid
AutoGenerateColumns="False"
ItemsSource="{Binding OrderInfoCollection}"
ColumnSizer="Auto">
<syncfusion:SfDataGrid.Columns>
<syncfusion:GridTextColumn
MappingName="OrderID" HeaderText="Order ID"/>
<syncfusion:GridTextColumn
MappingName="CustomerID" HeaderText="Customer ID"/>
<syncfusion:GridTextColumn
MappingName="CustomerName" HeaderText="Name of Customer"/>
<syncfusion:GridTextColumn
MappingName="ShipCountry" HeaderText="Ship Country"/>
<syncfusion:GridTextColumn
MappingName="ShipCity" HeaderText="Ship City"/>
<syncfusion:GridImageColumn
MappingName="ImageLink" ImageHeight="50"
ImageWidth="50"
ValueBinding="{Binding Path=ImageLink,
Converter={StaticResource stringToImageConverter}}" />
</syncfusion:SfDataGrid.Columns>
</syncfusion:SfDataGrid>
SfDataGrid bounded to collection of OrderInfo and OrderInfo class have a property ImageLink that contains the image names on the Project.
Following is the converter that converts image name (placed in the Project) into BitMapImage. C# class StringToImageConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
if (value != null)
{
string imagename = value as string;
return new BitmapImage(new Uri(string.Format(@"..\..\Image\{0}", imagename), UriKind.Relative));
}
return null;
}
public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
In WinRT and UWP you can give file path directly in StringToImageConveter. Convert method code example for WinRT and UWP platform is as follows.
The following is the screenshot for image column that loads images in GridImage Column.
Sample Links:
|
2X faster development
The ultimate WPF UI toolkit to boost your development speed.
This page will automatically be redirected to the sign-in page in 10 seconds.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.
