Validation in JavaScript Gantt Chart Control
18 Nov 20181 minute to read
Validation in the JavaScript Gantt Chart control ensures accurate task data by enforcing rules during adding or editing, preventing invalid entries before saving. Using the Form Validator control, apply validation to columns in inline or dialog editing, custom rules for specific fields, or dependency and resource grids in the add/edit dialog. Requires Edit and valid taskFields mappings (e.g., id, name) to ensure data integrity for tasks updated on September 23, 2025, or later, maintaining valid date ranges or dependency formats.
Validate columns
Define validation rules for columns using columns.validationRules, such as required or minLength, to display error messages for invalid fields like missing task names in inline or dialog editing.
Apply custom validation
Implement custom validation for specific columns, like TaskName, using callback functions in columns.validationRules to enforce unique requirements, such as ensuring task names meet specific patterns.
Validate dependency and resource grids
Set validation rules for dependency and resource grids in the add/edit dialog using the actionBegin event with requestType set to beforeOpenEditDialog or beforeOpenAddDialog, configuring validationRules for fields like predecessor types or resource assignments to ensure valid entries.