HTML只提供非常基本的撤銷/重做功能，甚至這種功能在瀏覽器中也有不一致的表現，即便有一個HTML UndoManager類，但目前沒有任何瀏覽器實現。

而在本次WijmoJS新版本中，葡萄城推出了靈活且易于使用的表單級撤消/重做堆棧類，即帶有UndoStack類的“撤銷”模塊。

點擊下載WijmoJS正式版

WijmoJS靈活且易于使用的表單級撤消/重做堆棧類

在WijmoJS提供的UI組件中，您可以使用UndoStack類為網頁或表單提供撤消/重做功能。并且，UndoStack類將自動監聽所有HTML輸入元素以及WijmoJS控件，如FlexGrid、組合框、InputDate和儀表盤。

要使用UndoStack類，請創建該類的實例，并將其傳遞給它應該管理的元素選擇器（通常是HTML表單、DIV或整個頁面）。

例如：

import { UndoStack } from '@grapecity/wijmo.undo';
// create the UndoStack
let 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 buttons
btnUndo.addEventListener('click', () => {
    undoStack.undo();
});
btnRedo.addEventListener('click', () => {
    undoStack.redo();
});

上面的代碼創建了一個UndoStack，它可以跟蹤響應多達50個動作，并自動監聽鍵盤以處理標準的撤消/重做鍵（ctrl+Y，ctrl+Z）。

UndoStack的StateChanged事件，可以通過編碼的方式定義：啟用或禁用撤消/重做按鈕，并為按鈕綁定撤消和重做方法。

想要獲得 WijimoJS 更多資源或正版授權的伙伴，

掃描關注慧聚IT微信公眾號，及時獲取最新動態及最新資訊