Wijmo UI控件支持Angular 2

从Angular的1.x时代开始,Wijmo就已经支持Angular了。最近,我们正在和Angular团队合作来支持Angular 2。有趣的是,对Angualr 2 的支持甚至更容易。我们的源代码用TypeScript编写,我们可以很容易地扩展我们的控件类,来轻松地创建Angular 2组件。

Wijmo为每一个UI控件都提供了Angular 2 组件。所有Angular 2组件都提供了完全声明性标记。我们已经对有需要的属性提供了双向绑定的支持,我们还对定制绑定和一些组件提供了附加功能,比如对FlexGrid中的单元格模板,可以允许你用标签指明单元格的内容。

Wijmo的Angular 2组件被封装为模块并且可以在Angular 2应用中作为NPM包被使用。我们遵循Angular 2团队设置的模式,在Angular2中使用Wijmo组件会感到非常熟悉。


HTML 5 OLAP模块

当你有很多数据时,使用普通的项目列表就很难分析数据。数据透视表可以汇总数据并且允许你用不同的方式来帮助你分析数据。使用Excel的数据透视表来做分析就很容易。你选中原始数据,单击“插入数据透视表”,选择一个目标,可以看到一个面板,这里你可以用不同的方法拖放字段来汇总数据并且立即看到结果。这是Excel最强大和受欢迎的功能之一。

Wijmo中的OLAP可以让你的HTML 5应用具有类似的功能。在网页中增加一个PivotPanel控件,通过设置数据源属性来给它原始数据,并且连接到PivotGrid控件或者PivotChart控件来查看结果。

  • PivotPanel

Wijmo的PivotPanel跟Excel中的“数据透视表字段列表”非常相似,为最终用户提供了一个熟悉的,快速的体验。

1. PivotPanel展示了一个列表,包含数据库中所有字段,允许最终用户很容易的创建数据分析视图。

2. 用户可以把字段拖放到面板的四个不同的区域:过滤、列、行、值。

3. PivotPanel的智能数据类型识别节省了用户大量的时间。如果选中一个字符类型,它会自动把这个字段放到行区域,但是如果选中数字类型,它会自动把这个字段放到值区域。

4. 你可以在Values 区域多次使用同一个字段来展示总数聚合和合计聚合。

5. PivotPanel也借助Wijmo全球化模块支持数据过滤和格式化。


在PivotPanel中增加字段

  • PivotGrid

PivotGrid允许最终用户创建数据分析视图。简化了大数据集的显示和导航,PivotGrid会绑定到了PivotPanel。PivotGrid支持展开、折叠行并且可以展示聚合数据包括分组行的小计。PivotGrid扩展了FlexGrid并且提供了非常灵活的显示和简易的单元格格式化。


在PivotGrid中显示分组和小计

  • PivotChart

PivotChart是FlexChart的一个扩展用来优化聚合数据的展示。当它绑定到PivotPanel,它可以按照用户选择的字段可视化地进行分组。

PivotChart


Wijmo PDF

Wijmo的PDF模块基于PDFKit库开发,用来生成PDF文档。它被用作将FlexGrid 和FlexChart输出为PDF。Wijmo的PDF模块也支持在单个文档中绘制FlexGrid、FlexChart,同时混有任意PDF基本元素比如文本、图形和图片。


支持Material Design

Material Design Lite(MDL)是谷歌为web开发者实现的Material Design规范。它时尚、漂亮是Bootstrap CSS替代者。我们已经创建了大约300个全新的Wijmo主题支持所有的MDL标准颜色组合。我们创建了一个示例来展示如何使用Wijmo控件满足Material Design。


FlexSheet 示例

这次发布中加入了一些复杂的FlexSheet示例。FlexSheetExplorer 样例展示了很多FlexSheet的最佳特征,在一个程序中你可以体验到很多的功能。这个示例的源代码也可以用来展示这些功能的实现。


FlexSheet浏览器

马上登陆Wijmo官网,下载体验最新版吧!

Wijmo 2016 V1 强势发布,全面支持Angular 2的更多相关文章

  1. Wijmo 2016 V2 强势发布!

    Angular 2 支持 Wijmo 对 Angular 2 提供了全面的支持.我们一直在紧跟Angular 2 开发团队的步伐,对其发布的最新候选版本提供支持. 了解更多关于Angular 2 的支 ...

  2. AppCode 2016.2.3 发布,支持 Swift3 的特性

    AppCode 2016.2.3 (build 162.2380.5)发布了,AppCode 是一个全新的 Objective-C.Swift 的集成开发环境,用于帮助开发 Mac.iPhone 和 ...

  3. 支持Angular 2的表格控件

    前端框架一直这最近几年特别火的一个话题,尤其是Angular 2拥有众多的粉丝.在2016年9月份Angular 2正式发布之后,大量的粉丝的开始投入到了Angular 2的怀抱.当然这其中也包括我. ...

  4. Wijmo 2016 V3发布

    互操作性增强 Wijmo继续扩展互操作性包括Angular 2.ReactJS和VueJS. 模块支持 Wijmo最初设计为单个模块. 一切都存储在Wijmo命名空间.Wijmo现在包含很多不同的模块 ...

  5. Wijmo 2017 V1发布

    2017年Wijmo的第1个Release已经发布了!它充满了令人兴奋的新控件和新功能.一个新的TreeView控件:一个只有看到你才会相信的MultiAutoComplete控件:移动平台报表查看器 ...

  6. Wijmo 2016年蓝图

    2015年很快就过去了,这是 Wijmo 重要的一年,尤其是对 Wijmo5.脱离传统的小部件,重新写一套 JS 控件,现在看来这个决定是正确的.用 TypeScript 写 Wijmo5,意味着我们 ...

  7. WijmoJS 全面支持 Angular 7

    概述 首先恭喜Angular团队发布Angular 7.0.0版本! 对于大多数开发人员,只需要执行一个命令就可以更新到Angular 7: ng update \@angular/cli \@ang ...

  8. RDIFramework.NET平台代码生成器V1.0发布(提供下载)

    RDIFramework.NET平台代码生成器V1.0发布(提供下载)   RDIFramework.NET(.NET快速开发整合框架)框架做为信息化系统快速开发.整合的框架,其目的一至是给用户和开发 ...

  9. Kubernetes v1.16 发布 | 云原生生态周报 Vol. 20

    作者:心贵.进超.元毅.心水.衷源.洗兵 业界要闻 Kubernetes v1.16 发布 在这次发布中值得关注的一些特性和 Feature: CRD 正式进入 GA 阶段: Admission We ...

随机推荐

  1. ASP.NET Web API 应用教程(一) ——数据流使用

    相信已经有很多文章来介绍ASP.Net Web API 技术,本系列文章主要介绍如何使用数据流,HTTPS,以及可扩展的Web API 方面的技术,系列文章主要有三篇内容. 主要内容如下: I  数据 ...

  2. 消息队列-Kafka学习

    Kafka是一个分布式的消息队列,学习见Apache Kafka文档,中文翻译见Kafka分享,一个简单的入门例子见kafka代码入门实例.本文只针对自己感兴趣的点记录下. 1.架构 Producer ...

  3. windows批处理总结

    rem echo off 表示之后所有命令行不显示,但命令结果总是会显示的!! 不存在%ROOT_DIR% . %CUR_DIR%的变量 rem @表示命令行不显示当前行,但命令结果总是会显示的!! ...

  4. CSS的样式表基本概念

    一.样式表分类 1.内联样式表 <p style="fint-size:24px;">直接在标签内部进行样式设置</style> 2.内嵌样式表 <h ...

  5. excel表格中如何将内容粘贴到筛选后的可见单元格[转]

    默认情况下,筛选后excel表格进行复制粘贴,会贴到隐藏的表格. 可以添加两个辅助列来完成操作:1.在筛选前在表格右边添加"辅助1"列,在第二行输入1,按Ctrl+鼠标左键往下拉到 ...

  6. 深度解析SDN——利益、战略、技术、实践(实战派专家力作,业内众多专家推荐)

    深度解析SDN——利益.战略.技术.实践(实战派专家力作,业内众多专家推荐) 张卫峰 编   ISBN 978-7-121-21821-7 2013年11月出版 定价:59.00元 232页 16开 ...

  7. C#学习系列-this的使用

    如有错误,欢迎指正. 1.代表当前类,在当前类中可使用this访问当前类成员变量和方法(需要注意的是 静态方法中不能使用this),也可用于参数传递,传递当前对象的引用. 下面贴代码: class P ...

  8. Gridview转发

    首页 开源项目 问答 动弹 博客 翻译 资讯 专题 城市圈 [ 登录 | 注册 ] 博客专区 > Reya滴水心的博客详情 Asp.net中GridView使用详解(很全,很经典) Reya滴水 ...

  9. canvas游戏之贪食蛇

    直接上效果图: 这个贪食蛇关键地方在于数组,它的长度增加其实是数组的增长,就是数组的向前追加等操作,核心就是数组的操作. 完整代码: <!DOCTYPE html> <html> ...

  10. 利用JSDOC快速生成注释文档,非常棒。

    有时往往我们需要建一个文档来记录js中的一些代码注释,比如一些公共的函数,又或者一些类,在团队合作中,文档接口也是必不可少的,传统的方式多少有些不便,这里介绍一个工具,它叫JSDOC,它可以用来将注释 ...