Blazor Kanban Board - ExpandoObject Binding

This sample demonstrates data binding with an ExpandoObject collection and supports CRUD operations in the Blazor Kanban component by visualizing a software development task tracker. Cards are generated dynamically with random status, summary, and assignee values.

In this demo, an ExpandoObject collection is bound to the Kanban DataSource property to dynamically render fields and support runtime changes.

Additional essential interactions that enhance analysis and control are also featured:

• Data Binding: Bind an ExpandoObject collection to the Kanban DataSource property.
• Dialog Editing: Add, update, and delete cards directly from the card editor dialog.
• Columns: Group cards by workflow stage such as To Do, In Progress, Testing, and Done.

Key interactive features demonstrated in this sample include:

• Dynamic Generation: 20 tasks are generated at runtime with random status, summary, and assignee values.
• Allow Adding: The AllowAdding flag on each column enables the plus button to add new cards.
• Edit Cards: Double-click any card to open the editor dialog and modify the underlying dynamic data.
• Delete Cards: Use the delete action in the editor dialog to remove a card from the dynamic collection.

The Data Configuration highlights the building blocks of dynamic data binding:

• ExpandoObject: A flexible ExpandoObject instance is used to hold the dynamic property values.
• Dynamic Property Assignment: Properties are assigned at runtime using the dynamic keyword on each item.
• DataSource: The ExpandoObject collection is assigned to the Kanban DataSource property.

Looking for the full Blazor Kanban component overview, features, pricing, and documentation? Visit the Blazor Kanban page.