Ext 3.3 数据透视表、日历组件、Ext4.0之前最重要的升级

最新推荐文章于 2018-10-18 17:52:41 发布

原创最新推荐文章于 2018-10-18 17:52:41 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #日历 #数据结构 #table #扩展

ExtJS 3.3版本引入了数据透视表PivotGrid，此组件支持复杂的数据结构并能进行汇总操作。此外，还增加了日历组件，提供丰富的事件处理功能，并支持不同的时间维度显示。最后，新增的ActionColumn功能使表格操作更加灵活。

数据透视表

Grid是Ext的重头戏，每次发布新版本都会对Grid加入新元素。这一次发布也不例外。3.3加入了“数据透视表PivotGrid”。前一个版本3.2已加入了“多层表头”，这一次在左边的一列定义leftAxis。如图就是一个员工销售业绩表的例子。使用PivotGrid比较关键的是其数据结构，我们可以看看官方的例子其中的Store。

var pivotGrid = new Ext.grid.PivotGrid({ title : 'PivotGrid example', store : myStore, aggregator: 'sum', measure : 'value', leftAxis: [ {dataIndex: 'person', width: 80}, {dataIndex: 'product', width: 90} ], topAxis: [ {dataIndex: 'year'}, {dataIndex: 'city'} ] });

日历组件

社区一直对日历控件的需求度很高。日历控件可扩充性比较大，有许多的途径实现，或者可以对日历控件提出许多的功能。这次的发布的控件可提供按日、星期、月而触发的事件。该组件的数据模型就是在现有数据包的基础上作扩展，也就是最大程度地重用代码和开发者的经验。
ext-all.js之中不含日历控件的代码，而是放在例子的目录examples/calendar中。