We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Gantt Add/Edit Dailog customization and validation

Hi,
We are looking for following functionality with gantt dialog's.

1. Is it possible to view all the Fields/elements in one Tab, instead of General, Resource, custom and Notes.
2. Enable/disable or Show /hide elements based on the row selected. we have different types of tasks and each has separate set of properties to set.
3. How to set validations to custom fields.

Issues:

1. Create task with out resource and save. later when I try to set resource some times working and some times raise error: TypeError: Cannot read property 'ResourceName' of undefined
 /Scripts/ej/ej.web.all.min.js:10
2. Custom editable/selectable controls are not set value until CR press or mouse click.

Regards,
Renu Kumar


1 Reply

JS Jonesherine Stephen Syncfusion Team December 16, 2016 02:52 AM UTC

Hi Renu, 
Please find the response below: 
S.No 
Query 
Response 
1. 
 Is it possible to view all the Fields/elements in one Tab, instead of General, Resource, custom and Notes. 
We have implemented the Add/Edit dialog as per MS Project behavior. Initially we have a single tab for all the fields later only we have implementation separate tab for each field 
2. 
Enable/disable or Show /hide elements based on the row selected. We have different types of tasks and each has separate set of properties to set. 
We can enable/disable the required fields in the edit dialog by using setModel property. We have prepared the work around and  
dynamically changed the edit dialog fields in “rowSelected” client side event. 
Please find the code example below: 
function rowSelected(args) { 
    var obj = $("#GanttContainer").data("ejGantt"); 
            if (args.data.item.TaskID == 3) { 
                obj.setModel({ "editDialogFields": [{ "field": "Custom1" }, { "field": "TaskID" }, { "field": "TaskName" }, { "field": "StartDate" }, { "field": "EndDate" }, { "field": "Progress" }, { "field": "Duration" }] }); 
            } 
            else if (args.data.item.TaskID == 8) { 
                obj.setModel({ "editDialogFields": [{ "field": "Custom2" }, { "field": "TaskID" }, { "field": "TaskName" }, { "field": "StartDate" }, { "field": "EndDate" }, { "field": "Progress" }, { "field": "Duration" }] }); 
            } 
            else { 
                obj.setModel({ "editDialogFields": [{ "field": "Custom2" }, { "field": "Custom1" }, { "field": "TaskID" }, { "field": "TaskName" }, { "field": "StartDate" }, { "field": "EndDate" }, { "field": "Progress" }, { "field": "Duration" }, { "field": "Progress" }] }); 
            } 
        } 
 
3. 
 How to set validations to custom fields. 
At present there is no support for validating the custom fields. For this we have already logged a feature request regarding this. It will be implemented in any of our upcoming main release. We will update you once this feature has got implemented.  
 
 
4 
 Create task with out resource and save. later when I try to set resource some times working and some times raise error: TypeError: Cannot read property 'ResourceName' of undefined 
 /Scripts/ej/ej.web.all.min.js:10 
 
We have analysed the reported issue with our sample. We are unable to reproduce the issue. Can you please revert us by modifying the below sample based on your application along with the replication procedure. This would be helpful for us to serve you. 
 
6 
Custom editable/selectable controls are not set value until CR press or mouse click. 
 
We are unable to understand this query. So could you please share more details related to this query with us and it will be very helpful for us to understand your requirement clearly and update the response. 
 
We have also prepared the sample based on this, please find the sample from below location 
 
Regards, 
Jone sherine P S 


Loader.
Live Chat Icon For mobile
Up arrow icon