Update DataGrid itemsource from a DataTable on button click

MarvisKisakye1

I have a DataGrid (in a prowindow) whose itemsource is bound to a DataTable. When the user clicks a button, I want the DataGrid to update with values as stipulated by the binding on the button. I have confirmed that when the button is clicked, the DataTable values are updated but the DataGrid doesn't update the user interface with the updated values. 

This is the xaml for the datagrid:

!<DataGrid Grid.Row="1" Margin="5" Name="selectedFeatureGrid"
ScrollViewer.CanContentScroll="True"
ScrollViewer.VerticalScrollBarVisibility="Auto"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
Style="{DynamicResource Esri_DataGrid}"
AutoGenerateColumns="True"
HorizontalAlignment="Stretch"
HeadersVisibility="Column"
RowHeaderWidth="0"
IsReadOnly="True"
SelectionMode="Single"
SelectedItem="{Binding Path=SelectedIntersectionRow}"
ItemsSource="{Binding Path=IntersectionDataTable, NotifyOnSourceUpdated=True, UpdateSourceTrigger=PropertyChanged}"
AutoGeneratingColumn="selectedFeatureGrid_AutoGeneratingColumn">
</DataGrid>

Wolfgang Kaiser‌ Uma Harano

Anonymous User

Hi Marvis Kisakye‌,

For DataTable, your case is autogenerate column case.

So at your viewmodel for datasource property you need to declare like this.

<SPAN class="keyword token">private</SPAN> DataTable _intersectionDataTable<SPAN class="punctuation token">;</SPAN>

        <SPAN class="keyword token">public</SPAN> DataView IntersectionDataTable
        <SPAN class="punctuation token">{</SPAN>
            <SPAN class="keyword token">get</SPAN>
            <SPAN class="punctuation token">{</SPAN>
                <SPAN class="keyword token">return</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>_intersectionDataTable<SPAN class="punctuation token">.</SPAN>DefaultView<SPAN class="punctuation token">;</SPAN>
            <SPAN class="punctuation token">}</SPAN>
        <SPAN class="punctuation token">}</SPAN>‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Next step, Make sure _intersectionDataTable datatable is initialized first. (Not necessary to create all columns). Just like this._intersectionDataTable = new DataTable() is good enough.

In your button click event.

Make sure manipulations are going through with _intersectionDataTable property.

After all DataColumns generation and DataRows added statement finished, just call this statement. this.NotifyPropertyChanged("IntersectionDataTable"); 

Currently this way of solution is working for me, let me know if you encounter issue. Or just share your sample xaml and viewmodel.