彩票走势图

解读WijmoJS新版功能:轻松实现撤消重做(Undo/Redo)

转帖|其它|编辑:陈津勇|2019-09-27 11:46:57.207|阅读 177 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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微信公众号,及时获取最新动态及最新资讯

1563778777.jpg


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP