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