Example of Observable Collection in Blazor Kanban Component
This sample demonstrates the data binding of ObservableCollection with Kanban component.
To Do - 5 items | In Progress - 3 items | Testing - 5 items | Done - 7 items |
|---|
Task 10002 Test the application in the IE browser. Task 10008 Fix the issues reported in the IE browser. Task 100011 Improve application performance Task 100013 Validate new requirements Task 100015 Validate new requirements | Task 10005 Validate new requirements Task 100016 Test the application in the IE browser. Task 100020 Analyze the new requirements gathered from the customer. | Task 10003 Validate new requirements Task 10004 Validate new requirements Task 10006 Analyze the new requirements gathered from the customer. Task 100010 Test the application in the IE browser. Task 100018 Fix the issues reported in the IE browser. | Task 10001 Analyze the new requirements gathered from the customer. Task 10007 Analyze the new requirements gathered from the customer. Task 10009 Fix the issues reported in the IE browser. Task 100012 Test the application in the IE browser. Task 100014 Validate new requirements Task 100017 Fix the issues reported in the IE browser. Task 100019 Improve application performance |
Kanban automatically updates the UI, when the data objects are added and removed in the data source while using ObservableCollection as data source.
Also, Kanban automatically updates the UI for changes in the data object, and while the data object implements INotifyPropertyChanged interface.