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

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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