Blazor Kanban Board Example - Observable Collection Data Binding
To Do - 9 items | In Progress - 6 items | Testing - 2 items | Done - 3 items |
|---|
Task 10002 Validate new requirements Task 10003 Validate new requirements Task 10004 Test the application in the IE browser. Task 10008 Analyze the new requirements gathered from the customer. Task 100010 Fix the issues reported in the IE browser. Task 100016 Fix the issues reported in the IE browser. Task 100017 Validate new requirements Task 100018 Improve application performance Task 100019 Validate new requirements | Task 10005 Fix the issues reported in the IE browser. Task 10006 Improve application performance Task 10007 Analyze the new requirements gathered from the customer. Task 10009 Analyze the new requirements gathered from the customer. Task 100012 Improve application performance Task 100014 Improve application performance | Task 100013 Analyze the new requirements gathered from the customer. Task 100020 Fix the issues reported in the IE browser. | Task 10001 Fix the issues reported in the IE browser. Task 100011 Fix the issues reported in the IE browser. Task 100015 Fix the issues reported in the IE browser. |
This sample demonstrates data binding with ObservableCollection in the Kanban component.
When using ObservableCollection, the Kanban UI updates automatically as items are added or removed from the data source. For property-level updates, implement INotifyPropertyChanged on the data model to refresh UI on value changes.