Adding Image to a button in Data Grid

Question

0.00/5 (No votes)

See more:

Hello,
i am adding a button to data grid dynamically... I want to add image button ... so i have followed this code... byut it is not working... so anyone please provide code to me for binding image to that button

C#

<big>//Adding Button Dynamically</big>
DataGridTemplateColumn dgtcDel = new DataGridTemplateColumn();
FrameworkElementFactory fefDelButton = new FrameworkElementFactory(typeof(Button));
BitmapImage biDeleteIcon = new BitmapImage();

fefDelButton.SetBinding(Button.TagProperty, new Binding("LineItemID"));
fefDelButton.AddHandler(FrameworkElement.MouseLeftButtonDownEvent, new MouseButtonEventHandler(btnDelete_Click), true);
DataTemplate buttonTemplate = new DataTemplate();

dgtcDel.Header = "D";
dgtcDel.HeaderStyle = grdHeaderStyle;
buttonTemplate.VisualTree = fefDelButton;
dgtcDel.CellTemplate = buttonTemplate;
biDeleteIcon.BeginInit();
biDeleteIcon.UriSource = new Uri(@"..\Images\Deleteicon.png", UriKind.Relative);
biDeleteIcon.EndInit();

fefDelButton.SetValue(Image.SourceProperty, biDeleteIcon);
fefDelButton.SetValue(Image.VisibilityProperty, Visibility.Visible);
grdCharges.Columns.Add(dgtcDel);

Posted 23-Oct-13 18:05pm

jing567

Add a Solution

Comments

Marvin Ma 24-Oct-13 3:25am

DO you have to do it in code or is XAML also possible?

jing567 24-Oct-13 4:47am

Hello,
I has to do only in code... There is no possibilty for xaml as I am dynamically building it...

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Alexander Dymshyts · Answer 1 · 2013-10-24T05:24:00

If you are following mvvm pattern and creating your datagrid in xaml, then you can create a style, which will apply to datagrid buttons. Inside that style you can do:

C#

<setter property="ImageSource" value="{Binding ImageSource}" />

After that in your can set your image:

C#

ImageSource = new BitmapImage(new Uri("..\Images\Deleteicon.png", UriKind.Relative));

Edit
Or you can try something like this :

C#

<DataGrid ItemsSource="{Binding Customers}" AutoGenerateColumns="False" >
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="Image" Width="SizeToCells" IsReadOnly="True">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button ImageSource="{Binding Image}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

Edit2
In general you should create a style in xaml, with target type button. And then you could find it by code with FindResource() method, after you get the style, you could appily to your datagrid dynamically.
Or you can create style in code behind like here

Adding Image to a button in Data Grid

1 solution

Solution 1

Add your solution here

Preview 0

Adding Image to a button in Data Grid

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us