Ext 3.3 資料透視表、月曆元件、Ext4.0之前最重要的更新

Grid是Ext的重頭戲，每次釋出新版本都會對Grid加入新元素。這一次釋出也不例外。3.3加入了“資料透視表PivotGrid”。前一個版本3.2已加入了“多層表頭”，這一次在左邊的一列定義leftAxis。如圖就是一個員工銷售業績表的例子。使用PivotGrid比較關鍵的是其資料結構，我們可以看看官方的例子其中的Store。

<a href="http://sencha.com/deploy/ext-3.3-beta1-6976/examples/pivotgrid/simple.html"></a>

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中。

<a href="http://sencha.com/deploy/ext-3.3-beta1-6976/examples/calendar/index.html"></a>

<a href="http://sencha.com/deploy/ext-3.3-beta1-6976/examples/grid/array-grid.html"></a>

Ext團隊最後還為我們的Grid提供了ActionColumn的功能。這個應該大家都很熟悉，就是傳統Table中CRUD連結，現在都變成Ext控件了，呵呵。部落格上還透露，3.3釋出後3.x就終結了，目前可下載下傳的是3.3 Beta 1下一個正式釋出的版本将是Ext 4.0……