Hi,
Smart Gantt is UI-only, so it doesn’t talk to REST services by itself—but it’s designed to bind easily to data coming from a REST API and to sync changes back.
How it works (high level)
Fetch data from your REST API (tasks, dependencies, resources)
Map the response to the Smart Gantt task structure
Load it into the component
Listen for changes (add/update/delete)
Send updates back to your API
This works the same way in JavaScript, Angular, React, Vue, and Blazor.
Typical REST → Smart Gantt data flow
REST API ⇄ Frontend logic ⇄ Smart Gantt
Smart Gantt focuses on:
Visualization
Editing
Scheduling logic
Your app handles:
Data fetching
Persistence
Authentication
Business rules
Example (JavaScript)
fetch(‘/api/tasks’)
.then(res => res.json())
.then(data => {
gantt.tasks = data.map(task => ({
id: task.id,
label: task.name,
startDate: task.start,
endDate: task.end,
progress: task.progress
}));
});
Sending changes back to the API
Smart Gantt fires events when data changes.
gantt.addEventListener(‘change’, event => {
fetch(/api/tasks/${event.detail.id}, {
method: ‘PUT’,
headers: { ‘Content-Type’: ‘application/json’ },
body: JSON.stringify(event.detail)
});
});
You can handle:
Task updates
New tasks
Deletions
Dependency changes
Best regards,
Markov
Smart UI Team
https://www.htmlelements.com/
.
