Hi Manolo,
In Gantt, it is possible to display only specific tabs in add/edit dialog using workaround with actionBegin client side event. This event will be triggered before opening of Add/Edit dialog with request types “openAddDialog” and “openEditDialog” for add and edit dialogs respectively.
As we are using our ejTab control in the dialog box so, we can easily remove the tab using ejTab public method called as “removeItem”.
|
@(Html.EJ().Gantt("GanttContainer")
.ClientSideEvents(cs =>
{
cs.ActionBegin("actionBegin");
})
//…
function actionBegin(args){
if(args.requestType == "OpenAddDialog"){
var tab = $("#GanttContainerAddTab").ejTab("instance");
tab.removeItem(0);
}
else if(args.requestType == "openEditDialog"){
var tab = $("#GanttContainerEditTab").ejTab("instance");
tab.removeItem(0);
}
} |
As we are removing rendered tab with mapping fields. Hence, we may cause some exceptions. To avoid those exceptions, we have to skip the other tab fields in add/edit dialog.
For that we have to use the APIs “AddDialogFields & EditDialogFields” to customize required dialog fields. Hence, we have to add only predecessMapping field and it will skip the other tab fields in the dialog.
|
@(Html.EJ().Gantt("GanttContainer")
//…
.AddDialogFields(ad =>
{
ad.Field("Predecessor").Add();
})
.EditDialogFields(ed =>
{
ed.Field("Predecessor").Add();
}) |
We have also prepared a sample for your reference. Please find the sample location as below,
Please let us know, if your require any other assistance on this.
Regards,
Jayakumar D
