Back to Devexpress

ASPxClientGantt.TaskClick Event

aspnet-js-aspxclientgantt-358f2639.md

latest2.8 KB
Original Source

ASPxClientGantt.TaskClick Event

Occurs when a user clicks a task.

Declaration

ts
TaskClick: ASPxClientEvent<ASPxClientGanttTaskEventHandler<ASPxClientGantt>>

Event Data

The TaskClick event's data class is ASPxClientGanttTaskEventArgs. The following properties provide information specific to this event:

PropertyDescription
cancelSpecifies whether to cancel the related action (for example, row edit, export). Inherited from ASPxClientCancelEventArgs.
htmlEventProvides access to the parameters associated with the TaskClick and TaskDblClick events.
keyReturns the task key.
valuesReturns the task data.

Remarks

Run Demo: ASPxGantt - Client-Side EventsRun Demo: MVCxGantt - Client-Side Events

Use the TaskClick event to process data when a user clicks a task.

Web Forms:

aspx
<dx:ASPxGantt ID="Gantt" >
    <ClientSideEvents TaskClick="function(s, e) {
        if (e.key == 5) {
            //...
            e.cancel = true;
        }
    }" />
</dx:ASPxGantt>

MVC:

cshtml
@Html.DevExpress().Gantt(settings => {
    settings.Name = "gantt";
    settings.ClientSideEvents.TaskClick = "function (s, e) { 
        if (e.key == 5) {
            //...
            e.cancel = true;
        }        
    }";
    ...
}).Bind(
    GanttDataProvider.Tasks, GanttDataProvider.Dependencies, 
    GanttDataProvider.Resources, GanttDataProvider.ResourceAssignments
).GetHtml()

Note

The key should have the same format as used in the data source field.

Concepts

See Also

ASPxGantt - Overview

MVCxGantt - Overview

ASPxGantt - 'How To' Examples

MVCxGantt - 'How To' Examples

ASPxClientGantt Class

ASPxClientGantt Members