WPF ObservableCollection does not update the view

advertisements

this is xaml part

<ItemsControl x:Name="EventsTop">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,1,0,0">
                                <Button Content="{Binding Name}" Template="{DynamicResource ButtonFirst}" Height="50" Margin="15,0,0,0" Padding="10,0,15,0" FontSize="19" FontFamily="/Resources/Fonts/Font Awesome/#FontAwesome" BorderThickness="5,0,0,0" BorderBrush="#8CC152" Background="#2980B9" HorizontalContentAlignment="Left" Foreground="Black" Click="TabOpen" Tag="{Binding Id}"></Button>
                                <StackPanel Background="#2980B9" Margin="15,0,0,5" Visibility="Collapsed" AllowDrop="True" Tag="{Binding Id}" Drop="RowDrop">
                                    <Border BorderThickness="5,0,0,0" BorderBrush="#8CC152">
                                        <StackPanel>
                                            <DockPanel LastChildFill="False">
                                                <Label DockPanel.Dock="Left" Width="140" Content="Date" FontSize="19" BorderThickness="0,0,0,1"   FontFamily="/Resources/Fonts/Open Sans/#Open Sans" BorderBrush="Black" HorizontalContentAlignment="Center"></Label>
                                                <Label DockPanel.Dock="Left" Width="190" Content="Event"  FontSize="19" BorderThickness="0,0,0,1" FontFamily="/Resources/Fonts/Open Sans/#Open Sans" BorderBrush="Black" HorizontalContentAlignment="Center"></Label>
                                                <Label DockPanel.Dock="Left" Width="100" Content="Select" FontSize="19" BorderThickness="0,0,0,1" FontFamily="/Resources/Fonts/Open Sans/#Open Sans" BorderBrush="Black" HorizontalContentAlignment="Center"></Label>
                                            </DockPanel>
                                            <ScrollViewer VerticalScrollBarVisibility="Auto" MaxHeight="150">
                                                <ItemsControl ItemsSource="{Binding Details}">
                                                    <ItemsControl.ItemTemplate>
                                                        <DataTemplate>
                                                            <DockPanel LastChildFill="False">
                                                                <Label Content="{Binding Date}" DockPanel.Dock="Left" Width="140" FontSize="19" BorderThickness="0" FontFamily="/Resources/Fonts/Open Sans/#Open Sans" BorderBrush="Black" HorizontalContentAlignment="Center"></Label>
                                                                <Label Content="{Binding EventName}" DockPanel.Dock="Left" Width="165" FontSize="19" BorderThickness="0" FontFamily="/Resources/Fonts/Open Sans/#Open Sans" BorderBrush="Black" HorizontalContentAlignment="Center"></Label>
                                                                <Border Width="97">
                                                                    <CheckBox VerticalAlignment="Center" HorizontalAlignment="Center" IsChecked="{Binding Checked}"></CheckBox>
                                                                </Border>
                                                                <Button Width="25" DockPanel.Dock="Left" Content="" BorderThickness="0" Background="Transparent"  FontFamily="/Resources/Fonts/Font Awesome/#FontAwesome"></Button>
                                                            </DockPanel>
                                                        </DataTemplate>
                                                    </ItemsControl.ItemTemplate>
                                                </ItemsControl>
                                            </ScrollViewer>
                                        </StackPanel>
                                    </Border>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>

this is xaml.cs

 private void WindowLoaded(object sender, RoutedEventArgs e)
    {
        EventHelper eventHelper = new EventHelper();

        TopEvents = eventHelper.GetSports(EventHelper.EventGroup.Top);
        foreach (Sport item in TopEvents)
        {
            item.Name = "\uf196 " + item.Name;
        }
        EventsTop.ItemsSource = TopEvents;

        AllEvents = eventHelper.GetSports(EventHelper.EventGroup.All);
        foreach (Sport item in AllEvents)
        {
            item.Name = "\uf196 " + item.Name;
        }
        EventsAll.ItemsSource = AllEvents;

        Sport.ItemsSource = eventHelper.GetSports(EventHelper.EventGroup.All);
    }

    private void RowMouseDown(object sender, MouseButtonEventArgs e)
    {
        DockPanel currentRow = (DockPanel) sender;
        int rowOffset = Convert.ToInt32(currentRow.Tag);
        DragDrop.DoDragDrop(currentRow,rowOffset,DragDropEffects.Copy);
    }

    private void RowDrop(object sender, DragEventArgs e)
    {
        int rowOffset = (int) e.Data.GetData(typeof (int));
        AllEvents[0].Name = "1";
    }

Also my model in collection

class Sport : INotifyPropertyChanged
{
    private int _id;
    private string _name = string.Empty;
    private ObservableCollection<Details> _details = new ObservableCollection<Details>();

    public int Id
    {
        get { return _id; }
        set { _id = value; }
    }

    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            NotifyPropertyChanged("Content");
        }
    }

    public ObservableCollection<Details> Details
    {
        get { return _details; }
        set { _details = value; }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged(string info)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(info));
            MessageBox.Show(info);
        }
    }
}

So when I am changing property its throwing MessageBox but not updating GUI.

I xaml.cs I am calling methods GetEvents thats return ObservableCollection

I want to change Name in Sport which is in ObservableCollaction<Sport> AllEvents

You can see it in RowDrop method in xaml.cs In debugging I notice that AllEvents[0].Name was changed but view was not updating

UPDATE

Part of ObservabelCollection declaration

public MainPage()
    {
        InitializeComponent();
        AllEvents = new ObservableCollection<Sport>();
        TopEvents = new ObservableCollection<Sport>();
        EventsTop.ItemsSource = TopEvents;
        EventsAll.ItemsSource = AllEvents;
    }

    private ObservableCollection<Sport> AllEvents;
    private ObservableCollection<Sport> TopEvents;

UPDATE SECOND I caught that when I am using window activated event it is working

The problem with property named passed to NotifyPropertyChanged method. The name of parameter should be property name. Please change the Name property as

public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            NotifyPropertyChanged("Name");
        }
    }

Related Articles

WPF binding does not update the view

I have a textblock: <TextBlock HorizontalAlignment="Left" Name="StatusText" Margin="0,20" TextWrapping="Wrap" Text="{Binding StatusText}"> ... Status ... </TextBlock> codebehind: public StatusP

List < & Gt; The collection does not update the view in MVVM

I used the List<Person> collection as the ItemsSource for the DataGrid control. But it did not update the View if i remove the item from the List collection. I was struggling for a long time for the solution. Then Instead of the List<Person> c

ObservableCollection does not update the data

i am getting problem with the observablecollection because it is not updating my view. it is getting data in it i have checked it. i have also make event its collection changed event but it is also not getting called. i don't know why is this happeni

Angle table that does not update the view

I am implementing a chat module using angularJs, socketIo. (and nodeJS for backend). In angular there is array attached to scope: $scope.messages. For a chat client all messages are pushed into this array, and this array is rendered in the view using

ViewPager PagerAdapter does not update the view

I'm using the ViewPager from the compatibility library. I have succussfully got it displaying several views which I can page through. However, I'm having a hard time figuring out how to update the ViewPager with a new set of Views. I've tried all sor

Why AngularJS ng-bind does not update the view

Why this little angular module can't update the view when the ng-bind property is changed? <body ng-app="bindExample"> <script> angular.module('bindExample', []) .controller('ExampleController', ['$scope', function($scope) { var vm =

ObservableCollection does not change the view

I have strange WPF ObservableCollection behavior. By unclear reason when collection modified and there is another condition in getter-method in some property of my class, it does't modify View. Although CollectionChanged event was invoked! Without co

Angularjs, $ http.get in Service does not update the view

I am not able to update my $scope.gs variable in the view using {{gs}} when I am doing http.get in the service. I tried reading some of the answers but they seem to suggest this method. Please help... My service method is as below: app.service('mySer