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. 我也说百度和google

    对于程序员,最好的老师恐怕还是百度或者google或一些专业的it社区.网站了罢! 之前曾听到这样的一句话, 文艺程序员用Google Scholar/Scirus/stackoverflow.普通程 ...

  2. java代码效率优化

    [转载于http://blog.163.com/user_zhaopeng/blog/static/16602270820122105731329/] 1. 尽量指定类的final修饰符 带有fina ...

  3. 掌握js模板引擎

    最近要做一个小项目,不管是使用angularjs还是reactjs,都觉得大材小用了.其实我可能只需要引入一个jquery,但想到jquery对dom的操作,对于早已习惯了双向绑定模式的我,何尝不是一 ...

  4. iOS-UICollectionView

    1--------------------------------------------------------------------------------------------------- ...

  5. iOS ---Swift学习与复习

    swift中文网 http://www.swiftv.cn http://swifter.tips/ http://objccn.io/ http://www.swiftmi.com/code4swi ...

  6. Jquery判断数组中是否包含某个元素$.inArray()的用法

    判断数组里面是否包含某个元素可以使用 $.inArray("元素(字符串)",数组名称) 进行判断 ,当存在该元素(字符串)时,返回该元素在数组的下标,不存在时返回 -1 示例代码 ...

  7. ui-router带参数的路由配置

    ui-router带参数的路由配置 使用ng-route的时候带参数的连接这样配置: $routeProvider.when('item/itemid/:itemid', { templateUrl: ...

  8. DELPHI支付宝支付代码

    真实业务场景的考虑 按照支付宝或者微信支付的开发手册的说法,一个标准的客户端接入支付业务模型应该是这样的,我忽略时序图,只用文字描述: 用户登录客户端,选择商品,然后点击客户端支付. 客户端收集商品信 ...

  9. KendoUI系列:TabStrip

    <link href="@Url.Content("~/Content/kendo/2014.1.318/kendo.common.min.css")" ...

  10. jsp获得文件的绝对路径

    当前WEB应用的物理路径:<%=application.getRealPath("/")%>当前访问的JSP文件的物理路径:<%=application.getR ...