ExtJS 4 Beta 2预览：Ext.Brew包
我们还没有介绍过ExtJS 4众多特性之一的新Ext.Brew包。这是独一无二的Javascript框架，Ext.Brew是采用Sencha独特技术酿造的的一杯完美的茶。
使用新数据包的强大功能，可在任何时候构建一个生成一致均衡的茶的应用程序。开始之前，首先定义一个部件之间用于交互的模型。
1 Ext . onReady ( function ( ) {
2 Ext . regModel ( Cups , {
3 fields : [ material , size ]
4 } ) ;
5
6 Ext . regModel ( Teas , {
7 fields : [ name , caffeine , brewtemp ]
8 } ) ;
9
10 var cupStore = new Ext . data . Store ( {
11 model : Cups ,
12 sorters : [ size ] ,
13 data : [
14 { material : Ceramic , size : 6oz } ,
15 { material : Ceramic , size : 12oz } ,
16 { material : Glass , size : 8oz } ,
17 { material : Glass , size : 16oz }
18 ]
19 } ) ;
20
21 var teaStore = new Ext . data . Store ( {
22 model : Teas ,
23 sorters : [ name ] ,
24 data : [
25 { name : Sencha , caffeine : 45 , brewtemp : 175 } ,
26 { name : Earl Grey , caffeine : 40 , brewtemp : 210 } ,
27 { name : Oolong , caffeine : 70 , brewtemp : 176 } ,
28 { name : Herbal , caffeine : 0 , brewtemp : 210 }
29 ]
30 } ) ;
31 } ) ;
现在我们已经有了一个茶的模型和Store，可以泡茶了。很不幸，在Beta 2版新的Brew包只能泡Sencha茶，如果想尝试泡其它的茶，可能会导致滚烫的水从笔记本中弹出，因此，请尽量谨慎使用测试版软件。
要使用Ext.Brew包，你必须从基类扩展它并提供Store，以便让它知道茶的类型和如何操作。在实例中，可执行开始、暂停和停止操作。当Brew处于活动状态，可检查状态和临时属性，以便为用户提供一个有很好的用户体验的Extjs应用程序。onready事件将根据模型变量在brew完成时被调用。不过要小心的是，在state值为“active”时，不要暂停或停止brew，这功能还没进行完整的测试，可能会导致弱的brew。
1 Ext . define ( MyApp . BrewMaster , {
2 extend : Ext . Brew ,
3
4 cups : cupStore ,
5 teas : teaStore ,
6
7 sugar : medium ,
8 milk : skim ,
9
10 initComponent : function ( ) {
11 // run your brew management code here such as
12 // checking brewtemp before the brew starts
13
14 MyApp . BrewMaster . superclass . initComponent . apply ( this , arguments ) ;
15 }
16
17 onReady : function ( ) {
18 if ( this . brewtemp > 100 ) {
19
补充：web前端 , JavaScript ,
