Blazor Kanban Board - Observable Collection Binding
To Do - 6 items | In Progress - 4 items | Testing - 4 items | Done - 6 items |
|---|
[6]To Do Task 10002 Improve application performance Task 100010 Validate new requirements Task 100011 Test the application in the IE browser. Task 100012 Fix the issues reported in the IE browser. Task 100015 Test the application in the IE browser. Task 100018 Improve application performance | [4]In Progress Task 10007 Test the application in the IE browser. Task 100014 Analyze the new requirements gathered from the customer. Task 100016 Improve application performance Task 100017 Analyze the new requirements gathered from the customer. | [4]Testing Task 10001 Improve application performance Task 10003 Test the application in the IE browser. Task 100019 Analyze the new requirements gathered from the customer. Task 100020 Validate new requirements | [6]Done Task 10004 Analyze the new requirements gathered from the customer. Task 10005 Test the application in the IE browser. Task 10006 Fix the issues reported in the IE browser. Task 10008 Fix the issues reported in the IE browser. Task 10009 Fix the issues reported in the IE browser. Task 100013 Test the application 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.