Skip to main content
All docs
V25.1
  • ASPxClientGanttTaskShowingEventArgs Class

    Contains data for the TaskShowing event.

    #Declaration

    TypeScript
    declare class ASPxClientGanttTaskShowingEventArgs extends ASPxClientCancelEventArgs

    #Remarks

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

    Web Forms:

    <dx:ASPxGantt ID="Gantt" >
        <ClientSideEvents TaskShowing="function(s, e) {
            var customContainer = document.createElement("div");  
            customContainer.classList.add("custom-task");  
            customContainer.setAttribute("style", "width:" + e.item.taskSize.width + "px;");  
            customContainer.textContent = e.item.taskData["Subject"];  
            e.container.appendChild(customContainer);
        }" />
    </dx:ASPxGantt>
    

    MVC:

    @Html.DevExpress().Gantt(settings => {
        settings.Name = "gantt";
        settings.ClientSideEvents.TaskShowing = "function (s, e) { 
            var customContainer = document.createElement("div");  
            customContainer.classList.add("custom-task");  
            customContainer.setAttribute("style", "width:" + e.item.taskSize.width + "px;");  
            customContainer.textContent = e.item.taskData["Subject"];  
            e.container.appendChild(customContainer);    
        }";
        ...
    }).Bind(
        GanttDataProvider.Tasks, GanttDataProvider.Dependencies, 
        GanttDataProvider.Resources, GanttDataProvider.ResourceAssignments
    ).GetHtml()
    

    #Concepts

    #Inheritance

    ASPxClientEventArgs
    ASPxClientCancelEventArgs
    ASPxClientGanttTaskShowingEventArgs
    See Also