去年研究extjs的源代碼研究了一個(gè)來月,，結(jié)果代碼是通了，但沒有跳出源代碼的影響,。啥應(yīng)用都寫不出來,。今年不搞學(xué)術(shù)研究了。打算用extjs寫個(gè)應(yīng)用來練一練,。預(yù)計(jì)有以下功能：

       一,、權(quán)限系統(tǒng)，可擴(kuò)展的權(quán)限系統(tǒng)

       二,、完全用js+webservice架構(gòu)

       三,、完全不使用asp.net的頁(yè)面架構(gòu)，UI全仿真WinForms（這是extjs的特長(zhǎng),，沒懸念）

       四,、考慮安全問題(完全ajax下安全問題的初步研究)

        extjs千好萬好，就是慢了,。jquery對(duì)OOP幾乎沒有支持,，就是快、查詢快,，方便,，什么都快。

        在寫了幾個(gè)widget后,，感嘆,，不要自己美工真是爽啊。如果要快速寫一個(gè)應(yīng)用來,。用extjs現(xiàn)成的東西還是要快一些?？上xtjs 3.0后面的版本就要收費(fèi)了,。。,。

        extjs出3.0 RC2了,，且正在研發(fā)圖形化設(shè)計(jì)工具,。

        看了視頻教程，只需拖拖拉拉就可以設(shè)計(jì)了,，不用再辛苦地一行一行地寫js代碼,。

        前一陣子寫js，發(fā)現(xiàn)了自己的薄弱環(huán)節(jié),。

　　extjs的確是個(gè)好東西,，但是，它的優(yōu)點(diǎn)也就是它的缺點(diǎn)：

• 加載頁(yè)面慢
• 時(shí)間一長(zhǎng),，瀏覽器占內(nèi)存就會(huì)瘋長(zhǎng)
• 服務(wù)器端功能極度削弱,，除了數(shù)據(jù)庫(kù)操作外,，幾乎所有功能都到了客戶端,，還得用javascript來寫。
• 功能全到了客戶端,，而客戶端語言javascript的編寫還是有許多的麻煩，真正精通它的人極少,。
• javascript對(duì)于大部分人來說,，不易調(diào)試
• 大量存在的javascript代碼難以維護(hù)
• 開發(fā)速度極慢。

　　Ext.form中封裝了是輸入組件,。input、textArea,、frameSet、form等元素都被包裝起來了,。我剛才發(fā)了點(diǎn)時(shí)間對(duì)它的類圖分析了一下,，用StartUML做了圖如下：

　　Ext.form中的組件太多,，實(shí)在不大方便一一研究,，哪來的時(shí)間,。還好,，有示例，照著用吧,。不明白的再去看代碼,、看文檔。

　　Ext.TabPanel這個(gè)東西是最常用的組件之一,，它繼承自Ext.Panel,?？戳艘粋€(gè)下午的源代碼，對(duì)它的一些基本原理有所了解了,。

　　下面要講一些問題,，這些問題絕對(duì)是本人獨(dú)門秘笈，非入室弟子不傳,。哈哈哈,。

　　一,、組件的組成：

　　因?yàn)槔^承自Ext.Panel,，所以，它也是由header,、tbar,、body、bbar,、footer這幾個(gè)部分構(gòu)成,，有人問：TabPanel的面板標(biāo)簽是在哪兒呢(就是你點(diǎn)擊換頁(yè)的東西)？它默認(rèn)是放在header中的,。但是,，如果設(shè)置了：tabPosition的話就不一定了，tabPosition可取兩個(gè)值：top,、bottom,。所以，標(biāo)簽可以是放在下面,，但是,，Ext目前還不支技放在左邊、右邊,。

　　那

　　ExtJs對(duì)JavaScript的內(nèi)建對(duì)象進(jìn)行了擴(kuò)展,，對(duì)什么Object、Date,、Array,、Function、String的擴(kuò)展,，擴(kuò)展方法想必諸位都爛熟于心了：用prototype的辦法,。這一篇講一講Function擴(kuò)展的精妙之處，之所以突然研究這個(gè)問題,，是因?yàn)槲以谘芯縀xt.data.Store的源代碼時(shí),，看到一行代碼：

　　this.reader.onMetaChange = this.onMetaChange.createDelegate(this);

　　當(dāng)初，我在研究Ext.js中的代碼時(shí)，對(duì)于Function的幾個(gè)擴(kuò)展想不透,、看不明,，今日大悟。且見擴(kuò)展的源代碼：

　　Ext.data.Store,，這個(gè)東西是JavaScript版的DataTable啊,。貌似其他Ajax框架都沒有這個(gè)玩意啊?？梢娎?，Ext是真的打算把b/s開發(fā)重新變成c/s開發(fā)啊。哈哈哈,。便宜我等了,。待某細(xì)研之。

　　Store類提供對(duì)記錄集(Record)的包裝,，通過前面的研究可知,，DataProxy取數(shù)據(jù)(url或數(shù)組或xml或json)，DataReader用于從不規(guī)范的數(shù)據(jù)取出并格式化指定結(jié)構(gòu)的記錄集,。記錄的結(jié)構(gòu)由Record.create創(chuàng)建,。

　　DataProxy通過對(duì)Connection的調(diào)用取得數(shù)據(jù)(Response)后，在回調(diào)中調(diào)用DataReader的read函數(shù),，從而把response中的數(shù)據(jù)解析成記錄集，這個(gè)記錄集將再以回調(diào)參數(shù)的形式傳出來,，store實(shí)現(xiàn)這個(gè)回調(diào),，并把里面的Recodrd[]取出來，放到data這個(gè)成員

　　有了上一篇中所講內(nèi)容,，一般情況下就可以應(yīng)付了,，不過，JsonReader有一些細(xì)節(jié)問題,，還要細(xì)究,。待某家一一道來。

　　構(gòu)造函數(shù)已講,，下面依代碼順序講解了,。

    read : function(response){
        var json = response.responseText;
        var o = eval("("+json+")");
        if(!o) {
            throw {message: "JsonReader.read: Json object not found"};
        }
        return this.readRecords(o);

　　嘿，別看關(guān)鍵就在這兒,，事實(shí)上,，它的代碼很少的哦。加上注釋才219行,。研究研究,。

　　有個(gè)事要說一下：DataProxy的子類呢，都有一個(gè)load來加載數(shù)據(jù)，DataReader的子類呢,，都有一個(gè)read來讀取數(shù)據(jù),。

　　而Ext.data.JsonReader有兩個(gè)關(guān)鍵函數(shù)：read、readRecords,。好了,。來研究一下。

　　Ext.data.JsonReader = function(meta, recordType){
    　　　meta = meta || {};
    　　　Ext.data.JsonReader.superclass.constructor.call(this, meta, recordType || meta.fields);