Grid View Image Column

[Daniel]

Hi!

I have a dataTable and one of its columns is a image (bitmap) column .
I've been trying to  show this images in my GridView by binding it to GridViewImageColumn but I don't get it. 

I read that GridViewImageColumn accepts byte[] and string types so I tryed to use this methods to convert the bitmaps and then put the result in other column and try to bind it to the  GridViewImageColumn: 

Public Shared Function BmpToByte(ByVal _bitmap As System.Drawing.Bitmap) As Byte()
    Dim _ms As New Global.System.IO.MemoryStream()
    _bitmap.Save(_ms, System.Drawing.Imaging.ImageFormat.Bmp)
    Dim _bmpArray As Byte()
    _bmpArray = _ms.ToArray()
    _ms.Flush()
    _ms.Dispose()
    Return _bmpArray
End Function

Public Function BitmapToString(ByVal bImage As Bitmap) As String
    Try
        Dim data As String
        Dim ms As New Global.System.IO.MemoryStream()
        bImage.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp)
        Dim _bmpArray As Byte()

        data = Convert.ToBase64String(ms.ToArray())
        Return data
    Catch ex As Exception
        Return String.Empty
    End Try
End Function

The column in my gridView is still empty.....

I've tryed this code:

<telerik:GridViewImageColumn DataMemberBinding="{Binding Logo}" Header="Logo"/>

And this:

<telerik:GridViewDataColumn DataMemberBinding="{Binding Logo}" Header="Logo">
                    <telerik:GridViewDataColumn.CellTemplate>
                        <DataTemplate>
                            <Image Height="30" Width="30" Source="{Binding Logo}"></Image>
                        </DataTemplate>
                    </telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>

I would really appreciate any help....

[Yoan]

Hello Daniel,

I would suggest you to check this online demo and our online documentation on how to use GridViewImageColumn. The same example is available in your local copy of WPF controls.

Regards,
Yoan
Telerik

[Daniel]

Thanks for your reply.

I've tryed to follow this examples but I don't get it. Could you, please, show me a little example with a dataGridView binding to a datatable with a column with a bitmap?

Thank you.

[Yoan]

Hello Daniel,

From your first reply I can see that  you are defining the GridViewImageColumn in XAML like so:

<telerik:GridViewImageColumn DataMemberBinding="{Binding Logo}" Header="Logo"/>

Since, you are binding to a dataTable, you can try DataMemberBinding="{Binding [Logo]}" instead.

However, I have attached an example project to demonstrate you grid with image column bound to DataTable.

I hope this helps.

Regards,
Yoan
Telerik

[Daniel]

Thanks, after using

DataMemberBinding="{Binding [Logo]}"

it works!! :)

[Yoan]

Hi Daniel,

Thank you for the update. I am glad to hear you have resolved the issue. 

Regards,
Yoan
Telerik