Kanban
Namespace: Wisej.Web.Ext.Syncfusion2
Assembly: Wisej.Web.Ext.Syncfusion2 (4.1.0.0)
The Kanban Board is an efficient way to visualize workflow at each stage along its path to completion. The control supports necessary features to design task scheduling applications.
- C#
- VB.NET
public class Kanban : ej2Base
Public Class Kanban
Inherits ej2Base
Constructors
Kanban()
Constructs a new instance of the Kanban class.
Example:
The following example creates a Kanban board with two columns through the Options object.
var kanban = new Kanban();
kanban.Options.keyField = "status";
kanban.Options.columns = new[]
{
new { headerText = "To Do", keyField = "open" },
new { headerText = "Done", keyField = "closed" }
};
kanban.Options.cardSettings = new { headerField = "id", contentField = "summary" };
kanban.Options.dataSource = new[]
{
new { id = "Task 1", status = "open", summary = "Review the order form." },
new { id = "Task 2", status = "closed", summary = "Fix the login page." }
};
kanban.Dock = DockStyle.Fill;
this.Controls.Add(kanban);
Kanban(options)
Constructs a new instance of the Kanban class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a Kanban board with three columns and groups the cards in swimlanes by assignee.
var kanban = new Kanban(new
{
keyField = "status",
columns = new[]
{
new { headerText = "To Do", keyField = "open" },
new { headerText = "In Progress", keyField = "progress" },
new { headerText = "Done", keyField = "closed" }
},
cardSettings = new { headerField = "id", contentField = "summary" },
swimlaneSettings = new { keyField = "assignee" },
dataSource = new[]
{
new { id = "Task 1", status = "open", assignee = "Nancy", summary = "Review the order form." },
new { id = "Task 2", status = "progress", assignee = "Andrew", summary = "Update the price list." },
new { id = "Task 3", status = "closed", assignee = "Nancy", summary = "Fix the login page." }
}
});
kanban.Dock = DockStyle.Fill;
this.Controls.Add(kanban);