extjs4,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  } ) ;
Tags:  extjs extjs4

延伸阅读

最新评论

发表评论