国产成人综合网,96精品视频,国产精品15p

解讀WijmoJS新版功能：輕松實(shí)現(xiàn)撤消重做（Undo/Redo）

轉(zhuǎn)帖|其它|編輯：陳津勇|2019-09-27 11:46:57.207|閱讀 237 次

概述：在V2019.0 Update2的全新版本中，WijmoJS能夠輕松實(shí)現(xiàn)撤消和重做操作，使Web應(yīng)用程序的使用更加友好、更加高效。

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

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

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

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

要使用UndoStack類，請(qǐng)創(chuàng)建該類的實(shí)例，并將其傳遞給它應(yīng)該管理的元素選擇器（通常是HTML表單、DIV或整個(gè)頁面）。

例如：

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();
});

上面的代碼創(chuàng)建了一個(gè)UndoStack，它可以跟蹤響應(yīng)多達(dá)50個(gè)動(dòng)作，并自動(dòng)監(jiān)聽鍵盤以處理標(biāo)準(zhǔn)的撤消/重做鍵（ctrl+Y，ctrl+Z）。

UndoStack的StateChanged事件，可以通過編碼的方式定義：?jiǎn)⒂没蚪贸废?重做按鈕，并為按鈕綁定撤消和重做方法。

想要獲得 WijimoJS 更多資源或正版授權(quán)的伙伴，

掃描關(guān)注慧聚IT微信公眾號(hào)，及時(shí)獲取最新動(dòng)態(tài)及最新資訊