请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

gcrik

高级会员

25

主题

33

帖子

1881

积分

高级会员

积分
1881

活字格认证微信认证勋章

gcrik
高级会员   /  发表于:2017-3-21 08:28  /   查看:4904  /  回复:4
本帖最后由 gcrik 于 2017-3-21 08:37 编辑

2017年Wijmo的第1个Release已经发布了!它充满了令人兴奋的新控件和新功能。一个新的TreeView控件;一个只有看到你才会相信的MultiAutoComplete控件;移动平台报表查看器;以及支持服务端的OLAP。

TreeView控件
在Wijmo的新TreeView中显示分层列表,其功能包括复选框,图标,拖放,延迟加载,节点编辑等。TreeView是一个新的wijmo.nav模块的一部分。


TreeView控件

TreeView示例

MultiAutoComplete控件
MultiAutoComplete是一个独特的控件,它将多重选择与自动完成混合在一起,从而命名。这种类型的控件通常用于例如博客中的“标签”等聚合列表。我们在输入模块中添加了MultiAutoComplete。



MultiAutoComplete控件

MultiAutoComplete示例

服务端OLAP
使用Wijmo的Pivot控件,用于分析客户端的数据集。我们的客户端OLAP引擎可以处理相对大量的数据(大约数十万条记录),但是它需要将原始数据下载到客户端,这使得分析真正的大型数据集(数百万记录)变得不切实际。
在此版本中,我们已向我们的OLAP控件添加了服务器端支持。 现在,您可以使用itemSource属性中的URL来指示OLAP控件在服务器上查询Web API,而不是在客户端进行分析的数组。服务器端引擎是我们的ASP.NET MVC产品系列的一部分,必须单独安装和授权。我们建议您购买Ultimate,以便为我们的OLAP控件提供服务器和客户端组件。
服务端OLAP示例

FlexChart支持渐变色
FlexChart现在支持应用渐变颜色来绘制元素。 渐变可以是径向或线性,支持多种颜色以及不透明度。 使用我们的新渐变支持,向您的图表添加一些样式。



有渐变色的Wijmo FlexChart

FlexChart示例

ReportViewer支持移动端
我们也很高兴为ReportViewer发布移动支持。我们的ReportViewer控件现在具有响应式设计,并将自适应不同屏幕尺寸的移动设备。



移动端Report Viewer

ReportViewer示例  |  ReportViewer教程

改善Angular2中组件的继承
增加了对Angular的静态提前编译器(Ahead-of-Time compiler)的支持和删除@WjComponent装饰器的支持后,通过从Wijmo组件继承自定义组件来创建自定义组件成为一个挑战。我们通过添加两个方法来简化创建和维护派生自Wijmo的组件,从而解决了这个问题:


  • 存储Wijmo @Component元数据的特殊变量。
  • 特殊的“created”方法,从每个Wijmo组件的构造函数调用,可以重写以定义或重新定义组件的默认值,而不是声明组件构造。

每个Wijmo组件/指令现在有一个相应的变量从组件的模块导出,表示为@ Component / @Directive装饰器属性。变量的名称被构造为<驼峰式的组件类名>Meta。例如,wjInputNumberMeta变量表示WjInputNumber组件的元数据。这样的变量在创建从Wijmo组件派生的自定义组件时非常有用,您必须提供一个@Component装饰器,其属性应该复制基类@Component装饰器的大部分属性。
您还可以选择不声明自定义组件的构造函数,因此无需定义和维护其参数,而与基本Wijmo组件的构造函数参数同步。相反,您可以覆写“created”方法,并在此处执行通常在类构造函数中执行的必要初始化。
下面是一个从WjFlexGrid组件继承的MyGrid组件的示例,并添加了“myProperty”属性和相应的“myPropertyChange”事件:
  1. import { WjFlexGrid, wjFlexGridMeta } from 'wijmo/wijmo.angular2.grid';
  2.         @Component({
  3.             selector: 'my-grid',
  4.             template: wjFlexGridMeta.template,
  5.             inputs: [...wjFlexGridMeta.inputs, 'myProperty'],
  6.             outputs: [...wjFlexGridMeta.outputs, 'myPropertyChange'],
  7.             providers: [
  8.                 { provide: 'WjComponent', useExisting: forwardRef(() => MyGrid) },
  9.                 ...wjFlexGridMeta.providers
  10.             ]
  11.         })
  12.         export class MyGrid extends WjFlexGrid {
  13.             private _myProperty: string;
  14.             myPropertyChange = new EventEmitter(false);
  15.             constructor( @Inject(ElementRef) elRef: ElementRef,
  16.                 @Inject(Injector) injector: Injector,
  17.                 @Inject('WjComponent') @SkipSelf() @Optional() parentCmp: any,
  18.                 @Inject(ChangeDetectorRef) cdRef: ChangeDetectorRef) {
  19.                 super(elRef, injector, parentCmp, cdRef);
  20.             }
  21.             get myProperty(): string {
  22.                 return this._myProperty;
  23.             }
  24.             set myProperty(value: string) {
  25.                 if (this._myProperty !== value) {
  26.                     this._myProperty = value;
  27.                     this.myPropertyChange.emit(value);
  28.                 }
  29.             }
  30.         }
复制代码


     

FlexGrid FilterPanel
我们最近与客户合作创建了这个新功能,轻松处理过滤器。当过滤完成后使用的过滤条件就会显示在过滤面板区域。


带过滤的FlexGrid

FilterPanel示例

ServerCollectionView
ServerCollectionView是我们根据客户请求创建的另一个示例。 我们以前创建了ODataCollectionView,但是很多人问如何绑定到任意的服务器端API。 ServerCollectionView演示了如何做到这一点,包括如何根据您的需要定制它。



ServerCollectionView

ServerCollectionView示例

FlexGrid金融示例
我们还添加了新的金融示例,在FlexGrid中显示FTSE 100公司的股票报价的模拟实时数据。该示例以给定间隔模拟批处理的事务,并修改表格上仅变化的单元格的信息。



金融示例

FlexGrid金融示例

元素周期表旭日图
一个有趣的示例,将传统元素周期表变成旭日图表。



旭日图实现元素周期表示例


4 个回复

倒序浏览
carl_chen悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2017-4-1 15:28:57
沙发


正需要treeview呢,哈哈。。。
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2017-4-5 11:13:43
板凳
carl_chen 发表于 2017-4-1 15:28
正需要treeview呢,哈哈。。。

谢谢反馈。
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
aren
初级会员   /  发表于:2018-1-17 12:37:44
地板
能否提供ServerCollectionView展示的示例,谢谢
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-1-17 23:41:24
5#
aren 发表于 2018-1-17 12:37
能否提供ServerCollectionView展示的示例,谢谢

这块我们在求助中心同意讨论,谢谢。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部