Features

Gantt for Ext JS

General

  • Built entirely on web standards: JavaScript, HTML and CSS
  • Easy to localize to support any language.
  • Unit tested with Siesta
  • Supported browsers: Chrome, Firefox, Safari, Edge and IE11
ChromeFirefoxSafariEdgeInternet Explorer 11

Features

  • Drag drop, resize and create tasks using the mouse or touch
  • Programmatic validation of any editing actions
  • 40+ columns included, support for adding any custom columns.

  • Inline editing supported for all data fields.
  • Data can be sorted using any field or criteria.
  • Dependencies between tasks (FF/FS/SF/SS), incl. lead or lag
  • Copy & paste of cells and rows
  • Undo & redo
  • Zooming from milliseconds to years, customizable zoom levels.
  • Customize the task look and feel using any HTML + CSS.
  • Backward scheduling
  • Split tasks
  • Task grouping by any field

Visual Appearance

  • All elements can be styled easily using just plain CSS
  • Row height is customizable, and can be changed dynamically.
  • The HTML produced by the Gantt chart is powered by pluggable Ext JS XTemplate classes.
  • Each timeline element (task, parent task, milestone) can be rendered with your own custom template
  • Tasks can be easily styled individually by putting CSS classes on the Model data, or by using the eventRenderer method.
  • Dependency lines and arrows can by styled individually. Example
  • Supports Ext JS hight contrast Aria theme. Check it out

Technical details

  • Platform: Ext JS (separate license required)
  • Easy to add custom data fields to any of the included Data Model classes (Task, Dependency, Assignment, Resource, Calendar etc)
  • Multiple build versions available, a readable development build with source code comments and a minified build for production use. You can also build your own custom version to minimize the footprint.
  • Comes with a flexible API where you can override pretty much any part of the codebase.

Server/Database Integration

  • Integrates with any server technology (PHP, Java, ASP.NET etc)
  • Load and save data in JSON or XML. Custom data formats can also be supported.
  • Either use the standard Proxy classes in Ext JS or use our custom CrudManager class (v3.0+).
  • Fully working samples with PHP, Java and ASP.NET.