??? 我們還沒有介紹過ExtJS 4眾多特性之一的新Ext.Brew包。這是獨(dú)一無二的Javascript框架，Ext.Brew是采用Sencha獨(dú)特技術(shù)釀造的的一杯完美的茶。

??? 使用新數(shù)據(jù)包的強(qiáng)大功能，可在任何時(shí)候構(gòu)建一個(gè)生成一致均衡的茶的應(yīng)用程序。開始之前，首先定義一個(gè)部件之間用于交互的模型。

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?	} ) ;

??? 現(xiàn)在我們已經(jīng)有了一個(gè)茶的模型和Store，可以泡茶了。很不幸，在Beta 2版新的Brew包只能泡Sencha茶，如果想嘗試泡其它的茶，可能會(huì)導(dǎo)致滾燙的水從筆記本中彈出，因此，請(qǐng)盡量謹(jǐn)慎使用測試版軟件。

??? 要使用Ext.Brew包，你必須從基類擴(kuò)展它并提供Store，以便讓它知道茶的類型和如何操作。在實(shí)例中，可執(zhí)行開始、暫停和停止操作。當(dāng)Brew處于活動(dòng)狀態(tài)，可檢查狀態(tài)和臨時(shí)屬性，以便為用戶提供一個(gè)有很好的用戶體驗(yàn)的Extjs應(yīng)用程序。onready事件將根據(jù)模型變量在brew完成時(shí)被調(diào)用。不過要小心的是，在state值為“active”時(shí)，不要暫停或停止brew，這功能還沒進(jìn)行完整的測試，可能會(huì)導(dǎo)致弱的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總部，在一個(gè)星期內(nèi)，已經(jīng)有一些使用Ext.Brew的應(yīng)用程序在允許，不過都有輕微的一級(jí)燙傷。

作者：Aditya Bansod

Aditya是Sencha的產(chǎn)品管理高級(jí)總監(jiān)，負(fù)責(zé)產(chǎn)品的規(guī)劃和Sencha產(chǎn)品線的戰(zhàn)略。在來Sencha之前，Aditya在Adobe和微軟任職各種高級(jí)產(chǎn)品管理的角色，側(cè)重于發(fā)展商、移動(dòng)媒體和消費(fèi)電子領(lǐng)域。

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

轉(zhuǎn)載于:https://www.cnblogs.com/muyuge/archive/2011/04/02/6333811.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。