Checkbox Column in gantt control

3 Jan 20241 minute to read

To render boolean values as checkbox in columns, you need to set displayAsCheckBox property as true.

CSHTML

@Html.EJS().Gantt("Gantt").DataSource((IEnumerable<object>)ViewBag.DataSource).Height("450px").TaskFields(ts => ts.Id("TaskId").Name(
    "TaskName").StartDate("StartDate").EndDate("EndDate").Duration("Duration").Progress("Progress").Child("SubTasks")).EditSettings(es =>
        es.AllowEditing(true))
        .Columns(col =>
        {
            col.Field("TaskId").Add();
            col.Field("TaskName").HeaderText("Task Name").Width(180).Add();
            col.Field("EndDate").HeaderText("EndDate").Width(160).Add();
            col.Field("Duration").Width(100).Add();
            col.Field("Progress").HeaderText("Progress").Add();
            col.Field("Verified").HeaderText("Verified").DisplayAsCheckBox(true).Add();
        })
        .Render()

Checkbox.cs

public IActionResult Index()
{
    ViewBag.DataSource = GanttData.ProjectNewData();
    return View();
}