Example of Observable Collection in Blazor Kanban Component
This sample demonstrates the data binding of ObservableCollection with Kanban component.
To Do - 8 items | In Progress - 6 items | Testing - 3 items | Done - 3 items |
|---|
Task 10005 Improve application performance Task 10008 Fix the issues reported in the IE browser. Task 10009 Test the application in the IE browser. Task 100010 Test the application in the IE browser. Task 100013 Analyze the new requirements gathered from the customer. Task 100017 Improve application performance Task 100019 Analyze the new requirements gathered from the customer. Task 100020 Validate new requirements | Task 10001 Test the application in the IE browser. Task 10003 Improve application performance Task 10007 Fix the issues reported in the IE browser. Task 100011 Analyze the new requirements gathered from the customer. Task 100016 Fix the issues reported in the IE browser. Task 100018 Analyze the new requirements gathered from the customer. | Task 10004 Fix the issues reported in the IE browser. Task 10006 Validate new requirements Task 100012 Test the application in the IE browser. | Task 10002 Analyze the new requirements gathered from the customer. Task 100014 Validate new requirements Task 100015 Test the application in the IE browser. |
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.