ejKanban
Namespace: Wisej.Web.Ext.Syncfusion
Assembly: Wisej.Web.Ext.Syncfusion (4.1.0.0)
The Kanban control for JavaScript is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing.
- C#
- VB.NET
public class ejKanban : ejBase
Public Class ejKanban
Inherits ejBase
Constructors
ejKanban()
Constructs a new instance of the ejKanban class.
Example:
The following example creates the board and defines the data and the columns through the options.
var kanban = new ejKanban();
kanban.Options.dataSource = tasks;
kanban.Options.keyField = "Status";
kanban.Options.fields = new { primaryKey = "Id", content = "Summary" };
kanban.Options.columns = new[]
{
new { headerText = "To do", key = "Open" },
new { headerText = "Done", key = "Close" }
};
kanban.Dock = DockStyle.Fill;
this.Controls.Add(kanban);
ejKanban(options)
Constructs a new instance of the ejKanban class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a board with three columns; each task is placed in the column that matches its Status.
var kanban = new ejKanban(new
{
dataSource = tasks,
keyField = "Status",
fields = new { primaryKey = "Id", content = "Summary", tag = "Tags" },
columns = new[]
{
new { headerText = "Backlog", key = "Open" },
new { headerText = "In Progress", key = "InProgress" },
new { headerText = "Done", key = "Close" }
}
});
kanban.Dock = DockStyle.Fill;
this.Controls.Add(kanban);