解读WijmoJS新版功能：轻松实现撤消重做（Undo/Redo）

在V2019.0 Update2的全新版本中，WijmoJS能够轻松实现撤消和重做操作，使Web应用程序的使用更加友好、更加高效。

HTML只提供非常基本的撤销/重做功能，甚至这种功能在浏览器中也有不一致的表现，即便有一个HTML UndoManager类，但目前没有任何浏览器实现。

而在本次

WijmoJS灵活且易于使用的表单级撤消/重做堆栈类

在WijmoJS提供的UI组件中，您可以使用UndoStack类为 页或表单提供撤消/重做功能。并且，UndoStack类将自动监听所有HTML输入元素以及WijmoJS控件，如FlexGrid、组合框、InputDate和仪表盘。

要使用UndoStack类，请创建该类的实例，并将其传递给它应该管理的元素选择器（通常是HTML表单、DIV或整个页面）。

例如：

import { UndoStack } from '@grapecity/wijmo.undo';// create the UndoStacklet undoStack = new UndoStack('#undoable-form', {    maxActions: 50,    stateChanged: (s: UndoStack, e) => {        btnUndo.disabled = !s.canUndo;        btnRedo.disabled = !s.canRedo;        cnt.textContent = s.actionCount.toString();    }});// hook up undo/redo/clear buttonsbtnUndo.addEventListener('click', () => {    undoStack.undo();});btnRedo.addEventListener('click', () => {    undoStack.redo();});

上面的代码创建了一个UndoStack，它可以跟踪响应多达50个动作，并自动监听键盘以处理标准的撤消/重做键（ctrl+Y，ctrl+Z）。

UndoStack的StateChanged事件，可以通过编码的方式定义：启用或禁用撤消/重做按钮，并为按钮绑定撤消和重做方法。

想要获得 WijimoJS 更多资源或正版授权的伙伴，可以联系客服哦

标签：