Ext JS 3.2正式发布

Ext JS 3.2 Final Released

April 7, 2010 by Ed Spencer 翻译frank

在连续几次的beta 和release candidate 发布ExtJS 3.2后，我们接下来要说的便是，3.2的正式版现在可以下载了！

有何更新

上一回的beta发布 已经告诉大家新版本的大体内容了，这次再谈谈有什么货可以晒晒：

• Ext.ux.SliderTip业已合并到库中，名字改为Ext.slider.Tip
• Ext.ux.form.SliderField业已合并到库中，名字改为Ext.form.SliderField
• Box布局的效能改进不小，许多测试录得25%的改进
• AnchorLayout及ColumnLayout的效能也有改进
• 新的例子：主题浏览器
• 更新了图表Charts
• 与上一版比，又消灭掉了60个bug和enhancement

如果你过去没留意到beta的信息，没有关系，这里是新加入的内容：

Store的多向排序和筛选（Multiple sorting and filtering）

Ext 3.2为Ext.data.Store引入了多向排序和筛选。之前，只能在一个字段中排序，没有固定列，现在可以实现多个固定列的排序了。新的multiple sorting example 例子就演示了这个功能。点击工具条的按钮可改变排序，注意按钮的先后次序是有影响的。

特效DataView切换

Ext.DataView组件其实蛮强大的。数据源由Ext.data.Store提供，DataView的工作就是向用户以矩阵般的形式展现数据,这样看上去比较自然和灵活。3.2中当然又有改进了，它便是一个让人吃惊的动画插件 。只要Stroe一个更新，DataView里面的各项就会自动重新排列，带有从屏幕一种滑入滑出、渐隐渐显的效果出来。

我们搞了两个例子演示该项技术，第一个是多种方式的排列能力 ，第二是使用滑动杆筛选用户选区 。

Composite Fields

在过去我们布局的时候，一个比较头疼的问题就是很难在同一行中安排好这些表单字段。新的CompositeField就比较简单了，原来是依靠HBox layout的布局来决定怎么对齐和怎么好看一些。请检阅例子 和该组件的文档内容 。

从最简单的例子看看吧……

new Ext.form.FormPanel({ items: [ { xtype: 'compositefield', fieldLabel: 'Full Name', items: [ {xtype: 'textfield', name: 'title', width: 40}, {xtype: 'textfield', name: 'firstName', flex : 1}, {xtype: 'textfield', name: 'lastName', flex : 2} ] }, //the rest of your form goes here ] });

滑动杆的改进

滑动杆类Slider存在于Ext已经有一段时间了，作为UI它是很适合在预定区间内获取某一刻度的值的。3.2引入多个刻度标识的 滑动杆，可以在一个控件上获取多个值。透过SliderField ，滑动杆现在也可以表单中的一种特别形式，可代替表单的NumberField来获取数字类型的字段。

工具条插件

我们加入了两款工具条（Toolbar）的插件，也在3.2的新例子中使用着的。第一款是ToolbarReorderer ，就是允许您通过拖放的操作改变工具条的次序；第二款是ToolbarDroppable ，可以使得工具条变成一个“置下的目标区域DropTarget”，这样一来可以让某些元素立刻转变成为工具条里面的按钮。

New Accessibility Theme可访问性主题

为可访问性而设的主题是兼容于伤残人士的508条款。因而采用了更大的和高反差的字体，并暗黑色的背景为衬托。

 

text by frank 12:43:24 2010-04-08