使用 WijmoJS 輕鬆實現撤消重作（Undo /Redo）

在V2019.0 Update2 的全新版本中，WijmoJS可以輕鬆實現撤消和重作操做，使Web應用程序的使用更加友好、更加高效。

不一樣於HTML提供的基本的撤銷/重作功能

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

 

而在本次WijmoJS新版本中，咱們推出了靈活且易於使用的表單級撤消/重作堆棧類，即帶有UndoStack類的「撤銷」模塊。

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事件，能夠經過編碼的方式定義：啓用或禁用撤消/重作按鈕，併爲按鈕綁定撤消和重作方法。

關於 WijmoJS 前端開發工具包

WijmoJS 前端開發工具包由多款靈活高效、零依賴、輕量級的純前端控件組成，如表格控件 FlexGrid、圖表控件 FlexChart、數據分析 OLAP 等，完美支持原生 JavaScript，以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架，可用於企業快速構建桌面、移動 Web 應用程序。

藉助葡萄城深厚的技術底蘊，WijmoJS 致力於爲各領域用戶提供更穩定、更高效的前端開發工具。產品自面市以來，已在招商銀行、微軟 Dynamics 項目、思科、特斯拉、富士通等知名企業中得以成功應用。WijmoJS 憑藉其先進的體系架構、簡單易學的使用文檔、超過 500 種 Demo 演示、頂級的控件性能，以及輕鬆、易用的操做體驗，可全面知足企業前端開發所需，是構建企業級 Web 應用程序最高效的純前端開發工具包。