Ext JS - Learning Center

Extension:Timelines

From Learn About the Ext JavaScript Library

Jump to: navigation, search
Summary: A set of objects implementing undo/redo for widgets
Author: Para
Published: 2008-04-04
Version: 1.0
Ext Version: 2.0.x
License: LGPLv3
Demo Link: View Demo
Forum Post: View Post

Contents

Extension

The Timeline class handles the undo/redo of transactions. Extensions of Timeline include TreeTimeline, GridTimeline, and FormTimeline. Each widget should have it's own timeline. Sets of timelines can be aggregated into a single timeline by registration.

It can handle the disabling/enabling of the undo/redo buttons if they are registered to the timeline.

Markers can be used to implement custom actions. If markers are not used (default) then every undo/redo will undo/redo exactly one Transaction. If markers are used, every undo/redo command will undo/redo all Transactions until a Marker is found. This is helpful for grouping several Transactions into a single unit on the Timeline. However, it does require a bit more coding because Markers will need to be added quite often, and by custom code.

There's too much to explain. Look at the demo for explanation.

Report Bugs

Please report any bugs to Para directly or on the forum post.

Known Issues

  • HtmlEditor on forms doesn't undo/redo.
  • Red change indicator on grid cells isn't implemented perfectly. It goes away if the value is the same as the original value, not if it is unchanged.

Status

Released in beta for ExtJS 2.0.x.

Changelog

  • Ver. : 1.0 Added TimelineGrid.js and added a function to Timeline.js
  • Ver. : 0.9 (Beta) First release

Downloads

  • This page was last modified on 22 April 2008, at 01:31.
  • This page has been accessed 10,043 times.