一个全面的 React 控件集合

使用 WijmoJS 全面的 JavaScript 控件集合扩展你的 React UI 选项。我们高性能的数据表格、图表、仪表盘和输入控件可以无缝集成到 React 应用中,你可以使用 JSX 全面的配置组件。这就是你一直在寻找的 React 控件。

体验 WijmoJS 的 React 控件

WijmoJS 的表格,图表,输入和仪表盘不但功能丰富,而且可扩展好快速灵活,现在它们已经支持 React。

  • 轻量: React 的 interop 模块小于 7K,而我们最流行的控件 FlexGrid 基本大小是 113KB
  • 零依赖: TypeScript 编写的纯 JavaScript 控件,还可以在 React 中使用 TSX
  • 易读,通用 API: API 容易掌握,有一个低的学习曲线
  • 扩展性: 所有控件都提供尽可能多的扩展点
  • 熟悉的体验: 表格和图表等控件,提供类似 Excel 的熟悉体验
  • 最好的支持: 葡萄城技术团队提供最好的支持和资源

reactJS

FlexGrid:最好的 React 数据表格控件

获得业界灵活的、轻量的数据表格控件,同时也有 React 的优点:

基本功能

  • 行头列头
  • 虚拟化DOM
  • 选择和选择模式
  • 改变列尺寸和自动改变尺寸
  • 排序
  • 分页
  • 编辑
  • 单元格格式
  • 自定义单元格
  • 冻结区域
  • 在基本Demo中浏览功能

高级功能

  • 过滤
  • 分组
  • 分层数据
  • 聚集和分类汇总
  • 校验
  • 变更跟踪
  • 深绑定
  • 值映射
  • 选取框和选择表头、表尾
  • 粘性元素
  • 单元格合并
FlexGrid:React 数据表格

FlexChart:快速,灵活的 JavaScript 图表控件

轻量级的 React 图表控件包含所有关键功能和你所需要的类似 Excel 图表类型:

基本功能

  • 灵活绑定
  • 页眉和页脚
  • 全球化
  • 点击测试
  • 标签
  • 缩放
  • 定制标线和区域、图表轴

图表类型

  • 柱状图
  • 条状图
  • 散点图
  • 折线图
  • 面积图
  • 曲线图
  • 金融图表
FlexChart混合图表类型,React图表控件

输入:移动优先的输入控件

React 输入控件允许您使员工丰富的格式创建集成应用:

内置功能

  • 灵活的数据绑定
  • 流行、简洁的UI
  • 日期、数值类型最大最小范围
  • 时间间隔
  • 弹出框中HTML元素
  • 菜单选择中的MVVM命令

输入类型

  • 列表框、组合框、弹出框
  • 自动完成
  • 多选
  • 菜单
  • 日期/时间、颜色、数值
  • 掩码输入
输入:移动优先的输入控件

仪表盘:触摸优先的动态仪表盘控件

React 仪表盘控件内置触摸功能和动画:

内置功能

  • 触摸控制
  • 范围、标签、阴影、动画、方向、文字、选中高亮
  • 开始角度和扫描角度、样式自定义

仪表盘类型

  • 线型
  • 径向
  • 靶心图
仪表盘:触摸优先的动态仪表盘控件

WijmoJS Core 和 Angular 深度集成

用 TypeScript 写的纯 JavaScript 控件:

  • 你可以从 WijmoJS 控件到 React 无缝衔接
  • 在 TypeScript 中支持 IntelliSense
  • 设计时错误检查
  • 您可以享受 ES6 的好处,比如真正的面向对象的 CollectionView 类,和 XAML 平台具有相同的对象模型
  • WijmoJS Core 包含了框架无关的纯 JavaScript 控件,这就意味着您可以在不同的框架间容易的迁移

Wijmo 5 和 Angular 深度集成

WijmoJS Core 和 Angular 未来之路

  • 全面支持 React
  • 支持其他的 JavaScript 框架,因为 WijmoJS Core 控件是框架无关的,你可以很容易的迁移,包括: