{"id":702,"date":"2023-12-08T20:19:54","date_gmt":"2023-12-09T02:19:54","guid":{"rendered":"https:\/\/kop.lat\/blog\/?p=702"},"modified":"2023-12-08T20:19:54","modified_gmt":"2023-12-09T02:19:54","slug":"observablecollection-in-dotnet","status":"publish","type":"post","link":"https:\/\/kop.lat\/blog\/observablecollection-in-dotnet\/","title":{"rendered":"ObservableCollection in dotnet"},"content":{"rendered":"\n

Definition<\/strong>: <\/p>\n\n\n\n

ObservableCollection<T><\/code> is a class in the .NET Framework that provides a dynamic data collection that provides notifications when items get added, removed, or when the whole list is refreshed. <\/p>\n\n\n\n

It is part of the System.Collections.ObjectModel<\/code> namespace.<\/p>\n\n\n\n

Key features of ObservableCollection<T><\/code>:<\/p>\n\n\n\n

    \n
  1. Dynamic Updates:<\/strong> ObservableCollection<T><\/code> automatically notifies subscribers (such as UI elements) when items are added, removed, or when the entire collection is refreshed. This makes it particularly useful in scenarios where you want the user interface to automatically reflect changes in the underlying data.<\/li>\n\n\n\n
  2. Designed for Data Binding:<\/strong> It’s commonly used in data binding scenarios, especially in WPF and other XAML-based frameworks, where you want the UI to stay in sync with changes in the data.<\/li>\n\n\n\n
  3. Events:<\/strong> ObservableCollection<T><\/code> provides events such as CollectionChanged<\/code> that allow you to subscribe to changes in the collection.<\/li>\n<\/ol>\n\n\n\n

    <\/p>\n\n\n\n

    An example of how ObservableCollection<T><\/code> in a WPF application might be used:<\/p>\n\n\n\n

    <\/div>
    <\/div>
    <\/div><\/div>
    Copy Code<\/span>Copied<\/span>Use a different Browser<\/span><\/a><\/div><\/div>
    using System.Collections.ObjectModel;\nusing System.ComponentModel;\nusing System.Windows;\n\npublic class ViewModel : INotifyPropertyChanged\n{\n    private ObservableCollection<string> _items;\n\n    public ObservableCollection<string> Items\n    {\n        get { return _items; }\n        set\n        {\n            if (_items != value)\n            {\n                _items = value;\n                OnPropertyChanged(nameof(Items));\n            }\n        }\n    }\n\n    public ViewModel()\n    {\n        \/\/ Initialize the collection and add some items\n        Items = new ObservableCollection<string>\n        {\n            \"Item 1\",\n            \"Item 2\",\n            \"Item 3\"\n        };\n\n        \/\/ Subscribe to the CollectionChanged event\n        Items.CollectionChanged += (sender, e) =>\n        {\n            \/\/ Handle changes to the collection (additions, removals, etc.)\n            MessageBox.Show(\"Collection changed!\");\n        };\n    }\n\n    public event PropertyChangedEventHandler PropertyChanged;\n\n    protected virtual void OnPropertyChanged(string propertyName)\n    {\n        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n    }\n}<\/code><\/pre><\/div><\/div>\n\n\n\n
    In this example:<\/p>\n\n\n\n
      \n
    • ViewModel<\/code> <\/strong>has a property called Items<\/code> of type ObservableCollection<string><\/code>.<\/li>\n\n\n\n
    • The constructor <\/strong>initializes the collection and adds some items.<\/li>\n\n\n\n
    • The CollectionChanged<\/code> <\/strong>event is subscribed to, so whenever the collection changes, a message box is displayed.<\/li>\n<\/ul>\n\n\n\n
      In a WPF application, you might bind this collection to a ListBox<\/code> <\/strong>or another UI control, and the UI would automatically update when items are added or removed from the collection. <\/p>\n\n\n\n
      This is because the ListBox<\/code> <\/strong>is notified of changes in the ObservableCollection<\/code>, and it refreshes itself accordingly.<\/p>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n","protected":false},"excerpt":{"rendered":"
      Definition: ObservableCollection<T> is a class in the .NET Framework that provides a dynamic data collection that provides notifications when items get added, removed, or when the whole list is refreshed. It is part of the System.Collections.ObjectModel namespace. Key features of ObservableCollection<T>: An example of how ObservableCollection<T> in a WPF application might be used: In this […]<\/p>\n","protected":false},"author":1,"featured_media":257,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[41,51,32,56,52],"tags":[53,115,58,54],"_links":{"self":[{"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/posts\/702"}],"collection":[{"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":1,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":703,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions\/703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/media\/257"}],"wp:attachment":[{"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kop.lat\/blog\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}