WijmoJS

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在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'

在V2019.0 Update2 的全新版本中，Vue框架下 WijmoJS 的前端UI组件功能得到再度增强。 如今，向 wj菜单组件添加项的方法将不限于：将其绑定到菜单项数据数组。 以声明方式添加 Vue 菜单项 此前，要自定义项目的外观，您必须使用formatItem事件并在JS代码中生成其内容。但是当您在Vue模板中创建UI时，这种方法（其中一部分菜单必须在模板中定义，而另一部分应该在代码隐藏块中创建）看起来并不方便。介于此，您可能更倾向于这种方式：在模板的同一位置中定义菜单及其项目。 使用 WijmoJS ，通过 @grapecity/wijmo.vue2.input 模块中的新wj-menu-item组件即可实现这一点。 您现在可以使用嵌套到其wj菜单的wj-menu-item组件，而不是在数组中定义项目。每个wj-menu-item均可定义一个单独的菜单项，可以是包含任意复杂性的内容，也可以是绑定了其他组件的内容。 除了定义单独的菜单项外，还可以使用wj-menu-separator组件在菜单项之间插入分隔符。 例如，此示例中的以下Vue标记定义了具有丰富内容的菜单项，并在退出项之前使用分隔符： ``` <wj-menu :header="'File'" :itemClicked="menuItemClicked"> <wj-menu-item> <span class

在V2019.0 Update2 的全新版本中，React 框架下 WijmoJS 的前端UI组件功能再度增强。 WijmoJS的菜单和类似列表的控件（ListBox、ComboBox、MultiSelect）允许用户在 formatItem 事件中使用 JS 代码和 DOM API 为每个项目生成元素树，从而自定制项目的内容。在和 React 框架深度结合后，在 JSX 标记中使用 React 组件及其属性绑定将会更加方便，即， 以声明方式定义项目内容 。 在 WijmoJS 的新版本中，我们为 WijmoJS React Interop 添加了两个特殊的功能项： l 对于 Menu，我们添加了 MenuItem 和 MenuSeparator 子组件，它允许您在JSX中以声明方式定义菜单项和分隔符 l 对于所有类似列表的控件（ListBox、ComboBox、MultiSelect、Menu），我们添加了特殊的 wjItemTemplate 渲染道具，它允许您指定绘制项目内容的渲染函数。 React 菜单项（List Items) 纯javascript菜单控件假定其菜单项是在绑定到控件项源属性的数组中定义的，即，项目在React组件的模型部分中定义。但这并不是最佳选项，实际上菜单项与组件的UI关系更为紧密，因此，使用React UI方法（即JSX标记）定义它们会更方便。