在V2019.0 Update2 的全新版本中,WijmoJS可以轻松实现撤消和重作操做,使Web应用程序的使用更加友好、更加高效。前端
HTML只提供很是基本的撤销/重作功能,甚至这种功能在浏览器中也有不一致的表现,即使有一个HTML UndoManager类,但目前没有任何浏览器实现。浏览器
而在本次WijmoJS新版本中,咱们推出了灵活且易于使用的表单级撤消/重作堆栈类,即带有UndoStack类的“撤销”模块。架构
在WijmoJS提供的UI组件中,您能够使用UndoStack类为网页或表单提供撤消/重作功能。而且,UndoStack类将自动监听全部HTML输入元素以及WijmoJS控件,如FlexGrid、组合框、InputDate和仪表盘。框架
要使用UndoStack类,请建立该类的实例,并将其传递给它应该管理的元素选择器(一般是HTML表单、DIV或整个页面)。工具
例如:性能
```开发工具
import { UndoStack } from '@grapecity/wijmo.undo';编码
// create the UndoStackspa
let undoStack = new UndoStack('#undoable-form', {orm
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 前端开发工具包由多款灵活高效、零依赖、轻量级的纯前端控件组成,如表格控件 FlexGrid、图表控件 FlexChart、数据分析 OLAP 等,完美支持原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可用于企业快速构建桌面、移动 Web 应用程序。
借助葡萄城深厚的技术底蕴,WijmoJS 致力于为各领域用户提供更稳定、更高效的前端开发工具。产品自面市以来,已在招商银行、微软 Dynamics 项目、思科、特斯拉、富士通等知名企业中得以成功应用。WijmoJS 凭借其先进的体系架构、简单易学的使用文档、超过 500 种 Demo 演示、顶级的控件性能,以及轻松、易用的操做体验,可全面知足企业前端开发所需,是构建企业级 Web 应用程序最高效的纯前端开发工具包。