Bind data to TextBox inside DataGridTextColumn.Header

Question

I have an ObservableCollection:

public ObservableCollection<RepairInfo> RepairList { get; set; }

And I'm binding it to a DataGrid:

<DataGrid SelectionMode="Single" ItemsSource="{Binding RepairList}" Name="RepairsGrid" AutoGenerateColumns="False">

I don't use all properties of my RepairInfo class so I specify which property have to use each columns, like this:

<DataGridTextColumn Binding="{Binding IMEI}">
    <DataGridTextColumn.Header>
        <TextBox MinWidth="90" Text="{Binding IMEIFilter, UpdateSourceTrigger=PropertyChanged}" />
    </DataGridTextColumn.Header>                
</DataGridTextColumn>

The TextBox inside DataGridTextColumn.Header using for filtering data.

So here is my problem - value from TextBox don't update property in ViewModel. If I put this TextBox outside DataGridTextColumn.Header everything is fine. I guess it causes by Binding property of my DataGridTextColumn but I don't know how to resolve it.

It's pretty huge , so I share it on googleDrive docs.google.com/document/d/… — dantey89
– dantey89, Commented Mar 11, 2016 at 10:11
Try to bind with DataContext prefix. Something like this : <DataGridTextColumn Binding="{Binding DataContext.IMEI}">... — Marcin
– Marcin, Commented Mar 11, 2016 at 10:26
I feel its not problem with binding or view model. Its more to do with how the header template is defined here. My guess is some kind of data template should be defined to fix this. — Carbine
– Carbine, Commented Mar 11, 2016 at 10:27
@dantey89 Can you tell me, which class the IMEI and IMEIFilter resides? I will help me to give the solution in more precise way. Thanks — Gopichandar
– Gopichandar, Commented Mar 11, 2016 at 11:29

Community · Accepted Answer · 2017-05-23 11:45:15Z

2

IMO. . better way would be having the property for the Header inside the MainWindow Viewmodel and you can Bind it like this

 <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding IMEI}"> 
            <DataGridTextColumn.Header>
                <TextBox MinWidth="90" Text="{Binding DataContext.IMEIFilter, 
                           RelativeSource={RelativeSource AncestorType={x:Type local:MainWindow}}}"/>
            </DataGridTextColumn.Header>
        </DataGridTextColumn>
  </DataGrid.Columns>

Reference: WPF datagrid header text binding

edited May 23, 2017 at 11:45

CommunityBot

11 silver badge

answered Mar 11, 2016 at 11:23

Gopichandar

2,8522 gold badges28 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dantey89 Over a year ago

I read linked post and refactor code to this

<DataGridTextColumn Binding="{Binding IMEI}">                     <DataGridTextColumn.HeaderTemplate>                         <DataTemplate>                             <TextBox MinWidth="90" Text="{Binding DataContext.IMEIFilter, UpdateSourceTrigger=PropertyChanged, RelativeSource={RelativeSource AncestorType={x:Type local:MainWindow}}}"/>                         </DataTemplate>                     </DataGridTextColumn.HeaderTemplate>                                 </DataGridTextColumn>

and it's work now!

dantey89 Over a year ago

The main thing was to add this code RelativeSource={RelativeSource AncestorType={x:Type local:MainWindow}}} to the TextBox so it can undertand where to put value

Collectives™ on Stack Overflow

Bind data to TextBox inside DataGridTextColumn.Header

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related