探索Wijmo的ReactJS控件

Wijmo的表格,图表,输入和仪表盘-功能丰富,可扩展以及快速-现在它们支持React。

  • 轻量:React的interop模块小于7K,而我们最流行的控件FlexGrid,基本大小是113KB
  • 无依赖性:TypeScript编写的纯JavaScript控件,可以在React支持TSX。
  • 易读,通用API:API容易掌握
  • 可扩展:控件提供尽可能多的简单内核
  • 通俗:表格和图表的设计类似Excel
  • 最佳支持:对于React控件,我们团队提供最好的支持和资源

深入探讨React控件

FlexGrid:最棒的数据表格

获得业界最灵活,轻量级的数据表格与React相关的所有益处

基本功能

  • 行和列头
  • Cirtualized DOM
  • 选择和选择模式
  • 改变列尺寸和自动改变尺寸
  • 列顺序和拖动
  • 排序
  • 分页
  • 编辑
  • 单元格格式
  • 自定义单元格
  • 冻结区域
  • 在基本Demo中查看所有功能(这是基于Angular的Demo,但所有功能在React可用)
    高级功能
  • 过滤
  • 分组
  • 分层数据
  • 聚集和分类汇总
  • 校验
  • 变更跟踪
  • 深绑定
  • 值映射
  • 选取框和选择表头
  • 粘性元素
  • 单元格合并
  • 表尾


FlexGrid: ReactJS 数据表格

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

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

内置功能
  • 灵活绑定
  • 表头和表尾
  • 全球化
  • 点击测试
  • 标签
  • 缩放
  • 线标记和区域

图表类型

  • 柱状图
  • 条状图
  • 散点图
  • 线型图
  • 区域图
  • 样条图
  • 金融图

Mixed chart types in FlexChart, a ReactJS chart control
FlexChart混合图表类型, ReactJS图表控件

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

ReactJS输入控件允许你使用丰富的格式创建集成应用

内置功能

  • 灵活绑定
  • 现代、简洁的数据界面
  • 最小/最大日期和数字范围
  • 时间间隔
  • 弹出HTML元素
  • 在菜单选择的MVVM命令

输入类型

  • 列表框
  • 选择框
  • 自动完成
  • 多选框
  • 菜单
  • 日期/时间
  • 数字
  • 颜色
  • 输入掩码
  • 弹出框

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

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

内置功能
  • 触摸优先交互
  • 范围
  • 标签
  • 阴影
  • 动画
  • 高亮当前值
  • 开始角度和扫描角度
  • 方向
  • 文字
  • 样式自定义
仪表盘类型:
  • 线型
  • 径向
  • 靶心图


线型和径向仪表盘范围

Wijmo5, ReactJS和TypeScript

用TypeScript编写的纯JavaScript控件
  • 你可以从Wijmo控件到ReactJS无缝衔接
  • 在TypeScript中支持IntelliSense
  • 你可以获取设计时错误检查
  • 你可以享受ES6带来的好处,像CollectionView类一样面向对象,具有XAML相同的对象模型
  • Wijmo5包含真正的和框架无关的JavaScript控件-意味着你很容易在框架之间迁移,而不需要新控件


FlexGrid 在ReactJS中