Articles in this section
Category / Section

How to remove resource unit column from the resource tab in add/edit dialog

1 min read

In jQuery Gantt it is possible to customize the resource section in add/edit dialog. This document will explain how to remove the resource unit column in the resource tab in add/edit dialog by using actionBegin client-side event. This event will be triggered before the dialog initialization on toolbar add/edit icon click action. The following code example will explain how to hide the resource unit column in Gantt dialog.

<div id="GanttContainer" style="height:450px;width:700px"></div>   
<script type="text/javascript">
   $("#GanttContainer").ejGantt({
        //…
        actionBegin: function (args) {
            if (args.requestType == "openEditDialog") {
                treeObj = $("#treegrid" + this._id + "resourceEdit").data("ejTreeGrid")
                treeObj.hideColumn("Unit")
            } else {
                if (args.requestType == "OpenAddDialog") {
                    treeObj = $("#treegrid" + this._id + "resourceAdd").data("ejTreeGrid")
                    treeObj.hideColumn("Unit")
                }
            }
        },
    });
</script>

The below screenshots depict the dialog UI before and after removing the resource unit column in add/edit dialog

Resource tab with resource unit column in add/edit dialog in jQuery Gantt

 

Resource tab without resource unit column in add/edit dialog in jQuery Gantt

You can also find a sample for customizing the resource tab in Gantt dialog here.

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied