【正文】 )。 var p = new Person(39。, 39。)。John39。Smith39。 alert(())。//John Smith 類編程 繼承與重寫 ? override ? override方法也編輯、修改類的其中一種途徑，不過本方法不會(huì)創(chuàng)建一個(gè)新類，而是對(duì)現(xiàn)有類予以修改其行為，第一個(gè)參數(shù)是要覆蓋的類，第二個(gè)參數(shù)就是覆蓋列表。 ? // 我們已聲明的 Person類 ? (Person, { ? getName: function(){ ? // 覆蓋了舊行為，這次 last name排頭 ? return + 39。 + 。 ? var p = new Person(39。, 39。)。//Smith John // 覆蓋了舊行為，這次 last name排頭 Ext入門基礎(chǔ) 類編程 單例 (Singletons) ? 單例另一種較常見的說法是“模塊設(shè)計(jì)模式”，如果某一個(gè)類靜態(tài)方法較多，或者該類只須要實(shí)例化一次，那么采用單例的模式就很不錯(cuò)了。 ? MyApp = function(){ ? var data。 ? } ? }。 ? (, MyApp)。要養(yǎng)成一個(gè)良好的習(xí)慣，就要把寫好的類放進(jìn)一個(gè)命名空間中，可以用你公司的名字或程序的名字決定命名；其二是有助規(guī)范好你的代碼，把相類似的或相依賴的類都放在同一個(gè)名命空間 ? 中，也方便向其它開發(fā)者指明代碼其意圖。 ? ( ? 39。, ? 39。, ? 39。 ? )。39。 Ext入門基礎(chǔ) AJAX ? ，定義為單例提供了一個(gè)既統(tǒng)一又高度靈活的 Ajax通迅服務(wù)。 ? ? 每次請(qǐng)求都觸發(fā)事件，這是全局規(guī)定的。 ? requestplete (conn, response, opts) ? 任何 Ajax成功請(qǐng)求后觸發(fā)。 ? // 例子 :凡是 Ajax通迅都會(huì)通過 spinner告知狀態(tài)如何。beforerequest39。 ? (39。, , this)。requestexception39。 Ext入門基礎(chǔ) AJAX ? ? 由于 ，所以你可以在發(fā)起請(qǐng)求的時(shí)候才覆蓋 。 ? extraParams：收集各屬性的對(duì)象，每次發(fā)起請(qǐng)求就會(huì)把該對(duì)象身上的各 ? 屬性作為參數(shù)發(fā)送出去（默認(rèn)為 undefined）需要與 Session信息和其它 ? 數(shù)據(jù)交互就要在這里設(shè)置。 ? defaultHeaders：對(duì)請(qǐng)求頭部設(shè)置的對(duì)象（默認(rèn)為 undefined）。 ? = { ? 39。: 39。 ? }。服務(wù)端返用 response以決定執(zhí)行 success或 failure函數(shù)。 ? ({ url: ??, //請(qǐng)求地址 //提交參數(shù)組 params: { LoginName:(39。)., LoginPassword:(39。). }, //成功時(shí)回調(diào) success: function(response, options) { //獲取響應(yīng)的 json字符串 var responseArray=()。恭喜 39。您已成功登錄！ 39。 } else{ (39。,39。)。服務(wù)端失效的狀態(tài)代碼： 39。 } })。因此，要能游刃有余地使用Ext，熟悉 Ext組件體系是最基本的。當(dāng)然，除了一些普通的組件以外，一般都會(huì)在構(gòu)造函數(shù)中通過傳遞構(gòu)造參數(shù)來創(chuàng)建組件。 ?一個(gè)簡(jiǎn)單的 FormPanel效果圖 ?一個(gè)簡(jiǎn)單的 FormPanel代碼 var simple = new ({ labelWidth: 75, frame:true, url:39。, title: 39。, bodyStyle:39。, width: 350, defaults: {width: 230},defaultType: 39。, items: [ {fieldLabel: 39。,name: 39。,allowBlank:false}, {fieldLabel: 39。,name: 39。}, {fieldLabel: 39。,name: 39。}, {fieldLabel: 39。,name: 39。,vtype:39。}, new ({ fieldLabel: 39。,name: 39。, minValue: 39。,maxValue: 39。}) ], buttons: [{text: 39。},{text: 39。}] })。039。未分配權(quán)限 39。 ?代碼實(shí)現(xiàn) —定義樹的數(shù)據(jù)源 Var store = new ({ dataUrl : ?? })。 var tree = new ({ rootVisible : true, autoScroll:true, loader : new ({ dataUrl : ?? }), enableDD:true, containerScroll: true, dropConfig: {appendOnly:true}, root : new ({ id : 39。, text : 39。, expanded: true }) })。w39。,//窗口顯示名稱 width:300, height:140, collapsible: true,//是否可折疊 layout : ?column?,//布局方式 model:true, items:[]//窗口需要增加的內(nèi)容 }).show()。grid39。 ()。編號(hào) 39。id39。性別 39。sex39。名稱 39。name39。描述 39。des39。 ? = true。請(qǐng)注意 defaultSortable屬性，即為每個(gè)列都安上一個(gè)可以排序的功能。編號(hào) 39。id39。 ： // ArrayData var data = [ [39。,39。,39。,39。], [39。,39。,39。,39。], [39。,39。,39。,39。], [39。,39。,39。,39。], [39。,39。,39。,39。] ]。 ()。 proxy告訴我們從哪里獲得數(shù)據(jù)， reader告訴我們?nèi)绾谓馕鲞@個(gè)數(shù)據(jù)。 解析數(shù)組，并丏告訴我們它會(huì)按照定義的規(guī)范進(jìn)行解析，每行按順序讀取四個(gè)數(shù)據(jù)，第一個(gè)叫 id，第二個(gè)叫sex，第三個(gè)叫 name，第四個(gè) des。這樣 cm就知道哪列應(yīng)該顯示那條數(shù)據(jù)了 。但如果我們想讓 sex的數(shù)據(jù)中 name欄中出現(xiàn)，可以設(shè)置 mapping值。 記得要執(zhí)行一次 ()，對(duì)數(shù)據(jù)進(jìn)行初始化 。 var cm = new ([ new (),//自勱行號(hào) sm,//添加的地方 {header:39。,dataIndex:39。}, {header:39。,dataIndex:39。}, {header:39。,dataIndex:39。}, {header:39。,dataIndex:39。} ])。grid339。HelloWorld39。 分頁工具欄 var grid = new ({ el: ?grid?, ds: ds, cm: cm, sm: sm, title: ?我的 Grid?, bbar: new ({ //在底部添加 pageSize: 10, store: ds, displayInfo: true, displayMsg: ‘顯示第 {0} 條到 {1} 條記錄，一共 {2} 條’ , emptyMsg: “沒有記錄” }), tbar: new ({ //在頂部添加 items:[ { id:?buttonA? ,text:“新增” ,handler: function(){ alert(“You clicked Button A”)。 } } , 39。 ()。 Record 對(duì)象中即包含了記錄（行中各列）的定義信息（也就是該記錄包含哪些字段，每一個(gè)字段的數(shù)據(jù)類型等），同時(shí)又包含了記錄具體的數(shù)據(jù)信息（也就是各個(gè)字段的值）。title39。username39。author39。loginTimes39。int39。lastLoginTime39。loginTime39。date39。 var r=new MyRecord({//可以通過 MyRecord 來創(chuàng)建包含字段值的 Record 對(duì)象 ( 模擬 record數(shù)據(jù) ) title:日志標(biāo)題 , username:easyjf, loginTimes:100, loginTime:new Date() })。 alert((lastLoginTime).type)。 alert((loginTimes))。 Store Store 可以理解為數(shù)據(jù)存儲(chǔ)器，可以理解為客戶端的 小型數(shù)據(jù)表 ，提供緩存等功能。 一個(gè) Store 包含多個(gè) Record，同時(shí) Store 又包含了數(shù)據(jù)來源，數(shù)據(jù)解析器等相關(guān)信息 ， Store 通過調(diào)用具體的數(shù)據(jù)解析器 (DataReader)來解析指定類型戒格式的數(shù)據(jù) (DataProxy)，并轉(zhuǎn)換成記錄集的形式保存在 Store 中，作為其它控件的數(shù)據(jù)輸 入。title39。username39。author39。loginTimes39。int39。lastLoginTime39。loginTime39。date39。 var dataProxy=new ({url:“”})。 var store=new ({ proxy:dataProxy, //設(shè)定數(shù)據(jù)來源 reader:theReader //設(shè)定數(shù)據(jù)解析器 })。 當(dāng)然，這樣按部就班的寫難免代碼較多， Store 中本身提供了一些快捷創(chuàng)建 Store 的方式， 具體的參見 Ext手冊(cè) DataReader DataReader 表示數(shù)據(jù)讀取器，也就是數(shù)據(jù)解析器，其負(fù)責(zé)把從服務(wù)器戒者內(nèi)存數(shù)組、 xml文檔中獲得的雜亂信息轉(zhuǎn)換成 ExtJS 中的記錄集 Record 數(shù)據(jù)對(duì)象，并存儲(chǔ)到 Store 里面的記錄集數(shù)組中。 ArrayReader －數(shù)組解析器，用于讀取二維數(shù)組中的信息，并轉(zhuǎn)換成記錄集 Record 對(duì)象。title39。username39。loginTimes39。 var myReader = new ({ id: 0 }, MyRecord)。測(cè)試 39。小王 39。新年好 39。williamraym39。title39。username39。author39。loginTimes39。int39。 var myReader = new ({ totalProperty: “results”,//為 2 root: “rows”,//數(shù)據(jù)集 id: id }, MyRecord)。results39。rows39。測(cè)試 39。小王 39。Ben39。williamraym39。title39。username39。author39。loginTimes39。int39。 var myReader = new ({ totalRecords: results, record: rows, id: id }, MyRecord)。 數(shù)據(jù)代理（源）基類由 定義，在 DataProxy的基礎(chǔ)，ExtJS 提供了 、 、。 關(guān)于 DataProxy 與自定義 Store的更多內(nèi)容，請(qǐng)參考 Ext手冊(cè)。 ? 如： animate為 true，表示在執(zhí)行展開折疊時(shí)是否應(yīng)用勱畫效果。 ? 具體的各個(gè)控件的勱作和效果大家可以參考 API BorderLayout局 ? Ext中布局的方式 ? 由類 ，布局名稱為 bo