??? 我們還沒有介紹過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?	? ? ? ? ? ? ? ? ? ? ? ? // ? the ? brew ? is ? finished, ? but ? it's ? still ? too ? hot ? to ? enjoy
20?	? ? ? ? ? ? ? ? ? ? ? ? setTimeout ( onReady , ? 500 ) ;
21?	? ? ? ? ? ? ? ? }
22?	? ? ? ? }
23?	?
24?	} ) ;

????? 希望通過新的Ext.Brew，可以讓你每次都能泡一杯完美的茶。在Sencha總部，在一個星期內，已經有一些使用Ext.Brew的應用程序在允許，不過都有輕微的一級燙傷。

作者：Aditya Bansod

Aditya是Sencha的產品管理高級總監，負責產品的規劃和Sencha產品線的戰略。在來Sencha之前，Aditya在Adobe和微軟任職各種高級產品管理的角色，側重于發展商、移動媒體和消費電子領域。

原文：http://www.sencha.com/blog/ext-js-4-beta-2-preview-the-ext-brew-package/

轉載于:https://www.cnblogs.com/muyuge/archive/2011/04/02/6333811.html

總結

以上是生活随笔為你收集整理的ExtJS 4 Beta 2预览：Ext.Brew包的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。